{"id":278,"date":"2026-04-04T18:27:42","date_gmt":"2026-04-04T18:27:42","guid":{"rendered":"https:\/\/naeam.com\/?page_id=278"},"modified":"2026-06-18T10:24:06","modified_gmt":"2026-06-18T10:24:06","slug":"278-2","status":"publish","type":"page","link":"https:\/\/naeamgear.com\/et\/278-2\/","title":{"rendered":"Landing page"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container naeam-hero uagb-layout-flex uagb-block-245f8acb alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container naeam-hero-logo uagb-block-e8c2e907\">\n<div class=\"wp-block-uagb-image aligncenter uagb-block-c7357f82 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center naeam-logo-img\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/naeamgear.com\/wp-content\/uploads\/2026\/06\/NAEAM-GEAR-LOGO-Hero.svg ,https:\/\/naeamgear.com\/wp-content\/uploads\/2026\/06\/NAEAM-GEAR-LOGO-Hero.svg 780w, https:\/\/naeamgear.com\/wp-content\/uploads\/2026\/06\/NAEAM-GEAR-LOGO-Hero.svg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/naeamgear.com\/wp-content\/uploads\/2026\/06\/NAEAM-GEAR-LOGO-Hero.svg\" alt=\"\" class=\"uag-image-478\" width=\"202\" height=\"32\" title=\"NAEAM GEAR LOGO Hero\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container naeam-hero-content uagb-block-6401d318\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-4eebc3f3\"><h1 class=\"uagb-heading-text\">SKIN ARMOR<\/h1><\/div>\n\n\n\n<div class=\"wp-block-uagb-container naeam-hero-subtitles uagb-layout-flex uagb-block-359439c9\">\n<p style=\"margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:22px;font-style:normal;font-weight:600;letter-spacing:0.4px;line-height:1.2\">Built for extreme conditions.<\/p>\n\n\n\n<p style=\"margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:20px;font-style:normal;font-weight:400;letter-spacing:0.4px;line-height:2.7\">Worn like armor.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons has-custom-font-size has-medium-font-size is-layout-flex wp-block-buttons-is-layout-flex\" style=\"padding-top:2%\">\n<div class=\"wp-block-button naeam-hero-button\"><a class=\"wp-block-button__link has-custom-font-size wp-element-button\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:2.15rem;padding-bottom:var(--wp--preset--spacing--40);padding-left:2.15rem;font-size:16px;letter-spacing:1px\">GET EARLY ACCESS<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<!-- no external quote font -->\n\n<style>\n\/* ===== NAEAM SKIN ARMOR \u2014 Landing Page Sections ===== *\/\n:root {\n  --naeam-black: #000000;\n  --naeam-dark: #0E0E0E;\n  --naeam-dark2: #1E2430;\n  --naeam-secondary: #3A4556;\n  --naeam-red: #c21f25;\n  --naeam-brand-red: #b0413c;\n  --naeam-light: #F5F7FA;\n  --naeam-white: #ffffff;\n}\n\n\/* ===== SECTION 1: TAGLINE ===== *\/\n.naeam-tagline {\n  background: var(--naeam-white);\n  text-align: center;\n  padding: 80px 40px 72px;\n}\n.naeam-tagline h2 {\n  font-size: clamp(28px, 4vw, 52px);\n  font-weight: 700;\n  color: var(--naeam-dark);\n  line-height: 1.15;\n  margin: 0 0 20px;\n  letter-spacing: -0.5px;\n}\n.naeam-tagline h2 em {\n  font-style: italic;\n}\n.naeam-tagline p {\n  font-size: clamp(17px, 2vw, 22px);\n  color: var(--naeam-secondary);\n  margin: 0;\n  letter-spacing: 0.3px;\n}\n.naeam-tagline p span.underline {\n  border-bottom: 2px solid var(--naeam-red);\n  padding-bottom: 2px;\n}\n.naeam-tagline-divider {\n  display: none;\n}\n\n\/* ===== SECTION 2: BEFORE\/DURING\/AFTER ===== *\/\n.naeam-before {\n  position: relative;\n  width: 100%;\n  min-height: 500px;\n  overflow: hidden;\n}\n.naeam-before__img {\n  width: 100%;\n  height: 100%;\n  min-height: 500px;\n  object-fit: cover;\n  display: block;\n  filter: brightness(0.55);\n}\n.naeam-before__overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: flex-end;\n  padding: 48px 60px;\n}\n.naeam-before__content {\n  display: flex;\n  gap: 60px;\n  align-items: flex-end;\n}\n.naeam-before__moment {\n  color: var(--naeam-white);\n}\n.naeam-before__label {\n  font-size: 11px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.55);\n  margin-bottom: 6px;\n  font-weight: 500;\n}\n.naeam-before__title {\n  font-size: clamp(22px, 3vw, 36px);\n  font-weight: 700;\n  color: var(--naeam-white);\n  margin: 0 0 8px;\n  line-height: 1.1;\n}\n.naeam-before__desc {\n  font-size: 14px;\n  color: rgba(255,255,255,0.7);\n  max-width: 220px;\n  line-height: 1.5;\n  margin: 0;\n}\n.naeam-before__divider {\n  width: 1px;\n  height: 80px;\n  background: rgba(255,255,255,0.2);\n  align-self: center;\n}\n\n\/* ===== SECTION 3: FEATURES ===== *\/\n.naeam-features {\n  background: var(--naeam-light);\n  padding: 80px 40px 80px;\n}\n.naeam-features__header {\n  text-align: center;\n  margin-bottom: 60px;\n}\n.naeam-features__header h2 {\n  font-size: clamp(24px, 3.5vw, 44px);\n  font-weight: 700;\n  color: var(--naeam-dark);\n  margin: 0 0 6px;\n  letter-spacing: -0.3px;\n}\n.naeam-features__header h2 em {\n  color: var(--naeam-red);\n  font-style: italic;\n}\n.naeam-features__header p {\n  font-size: clamp(16px, 1.8vw, 20px);\n  color: var(--naeam-secondary);\n  margin: 8px 0 0;\n}\n.naeam-features__divider {\n  width: 40px;\n  height: 2px;\n  background: var(--naeam-red);\n  margin: 16px auto;\n}\n.naeam-features__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px 60px;\n  max-width: 900px;\n  margin: 0 auto;\n}\n.naeam-feature {\n  border-top: 1px solid rgba(0,0,0,0.1);\n  padding-top: 20px;\n}\n.naeam-feature__label {\n  font-size: 10px;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  color: var(--naeam-secondary);\n  margin-bottom: 8px;\n  font-weight: 600;\n}\n.naeam-feature__title {\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--naeam-dark);\n  margin: 0 0 6px;\n  line-height: 1.2;\n}\n.naeam-feature__title span {\n  color: var(--naeam-red);\n  display: block;\n}\n.naeam-feature__desc {\n  font-size: 13px;\n  color: var(--naeam-secondary);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ===== SECTION 4: ACTION PHOTO ===== *\/\n.naeam-action {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n}\n.naeam-action__img {\n  width: 100%;\n  height: 420px;\n  object-fit: cover;\n  display: block;\n  filter: brightness(0.6);\n}\n\n\/* ===== SECTION 5: QUOTE ===== *\/\n.naeam-quote {\n  background: var(--naeam-white);\n  text-align: center;\n  padding: 96px 40px;\n}\n.naeam-quote__divider-top {\n  width: 40px;\n  height: 1px;\n  background: rgba(0,0,0,0.15);\n  margin: 0 auto 32px;\n}\n.naeam-quote h2 {\n  font-family: inherit;\n  font-size: clamp(20px, 2.4vw, 32px);\n  font-weight: 300;\n  font-style: normal;\n  letter-spacing: 0.01em;\n  color: var(--naeam-dark);\n  margin: 0;\n  line-height: 1.55;\n  text-transform: lowercase;\n}\n.naeam-quote h2 em {\n  color: var(--naeam-red);\n  font-style: normal;\n  font-weight: 400;\n}\n\n\/* ===== SECTION 6: CTA \/ PRODUCT ===== *\/\n.naeam-cta {\n  background: var(--naeam-light);\n  padding: 80px 40px 80px;\n}\n.naeam-cta__inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 80px;\n  max-width: 900px;\n  margin: 0 auto;\n}\n.naeam-cta__text h3 {\n  font-size: 11px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: var(--naeam-secondary);\n  margin: 0 0 8px;\n  font-weight: 600;\n}\n.naeam-cta__text h2 {\n  font-size: clamp(24px, 3vw, 36px);\n  font-weight: 700;\n  color: var(--naeam-dark);\n  margin: 0 0 6px;\n  line-height: 1.15;\n}\n.naeam-cta__text p.naeam-meta {\n  font-size: 14px;\n  color: var(--naeam-secondary);\n  margin: 0 0 16px;\n}\n.naeam-cta__price {\n  font-size: 36px;\n  font-weight: 700;\n  color: var(--naeam-dark);\n  margin: 0 0 28px;\n}\n.naeam-cta__form {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  max-width: 320px;\n}\n.naeam-cta__form input[type=\"email\"] {\n  padding: 14px 18px;\n  border: 1.5px solid #d0d5dd;\n  background: white;\n  font-size: 15px;\n  color: var(--naeam-dark);\n  outline: none;\n  transition: border-color 0.2s;\n  font-family: inherit;\n}\n.naeam-cta__form input[type=\"email\"]:focus {\n  border-color: var(--naeam-red);\n}\n.naeam-cta__form input[type=\"email\"]::placeholder {\n  color: #9aa4b2;\n}\n.naeam-cta__btn {\n  background: var(--naeam-red);\n  color: white;\n  border: none;\n  padding: 16px 32px;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  cursor: pointer;\n  transition: background 0.2s;\n  font-family: inherit;\n}\n.naeam-cta__btn:hover {\n  background: var(--naeam-brand-red);\n}\n.naeam-cta__success {\n  display: none;\n  font-size: 14px;\n  color: var(--naeam-secondary);\n  padding: 10px 0;\n}\n.naeam-cta__product {\n  flex-shrink: 0;\n}\n.naeam-cta__product img {\n  width: 220px;\n  height: auto;\n  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.12));\n}\n\n\/* ===== SECTION 7: BADGE FOOTER ===== *\/\n.naeam-badge {\n  background: var(--naeam-white);\n  text-align: center;\n  padding: 48px 20px;\n  border-top: 1px solid rgba(0,0,0,0.06);\n}\n.naeam-badge__inner {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n}\n.naeam-badge__icon {\n  width: 44px;\n  height: 44px;\n  opacity: 0.7;\n}\n.naeam-badge__text {\n  font-size: 13px;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--naeam-secondary);\n  font-weight: 600;\n}\n\n\/* ===== CHATBOT BUBBLE ===== *\/\n.naeam-chat-bubble {\n  position: fixed;\n  bottom: 28px;\n  right: 28px;\n  z-index: 9999;\n}\n.naeam-chat-btn {\n  width: 60px;\n  height: 60px;\n  background: var(--naeam-red);\n  border-radius: 50%;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 20px rgba(194,31,37,0.35);\n  transition: transform 0.2s, box-shadow 0.2s;\n}\n.naeam-chat-btn:hover {\n  transform: scale(1.08);\n  box-shadow: 0 6px 28px rgba(194,31,37,0.45);\n}\n.naeam-chat-btn svg {\n  width: 28px;\n  height: 28px;\n  fill: white;\n}\n.naeam-chat-window {\n  display: none;\n  position: absolute;\n  bottom: 76px;\n  right: 0;\n  width: 320px;\n  background: white;\n  border-radius: 12px;\n  box-shadow: 0 8px 40px rgba(0,0,0,0.18);\n  overflow: hidden;\n  flex-direction: column;\n}\n.naeam-chat-window.open {\n  display: flex;\n}\n.naeam-chat-header {\n  background: var(--naeam-dark);\n  color: white;\n  padding: 16px 20px;\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.naeam-chat-header__dot {\n  width: 8px;\n  height: 8px;\n  background: #22c55e;\n  border-radius: 50%;\n}\n.naeam-chat-body {\n  padding: 20px;\n  min-height: 160px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.naeam-chat-message {\n  background: var(--naeam-light);\n  padding: 12px 14px;\n  border-radius: 8px;\n  font-size: 13.5px;\n  color: var(--naeam-dark);\n  line-height: 1.5;\n  max-width: 85%;\n}\n.naeam-chat-footer {\n  padding: 12px 16px;\n  border-top: 1px solid #eee;\n  display: flex;\n  gap: 8px;\n}\n.naeam-chat-input {\n  flex: 1;\n  border: 1.5px solid #e5e7eb;\n  padding: 10px 14px;\n  font-size: 13px;\n  font-family: inherit;\n  color: var(--naeam-dark);\n  outline: none;\n  border-radius: 6px;\n}\n.naeam-chat-input:focus {\n  border-color: var(--naeam-red);\n}\n.naeam-chat-send {\n  background: var(--naeam-red);\n  color: white;\n  border: none;\n  width: 38px;\n  height: 38px;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.naeam-chat-send svg {\n  width: 16px;\n  height: 16px;\n  fill: white;\n}\n\n\n\/* ===== FAQ ===== *\/\n.naeam-faq {\n  background: var(--naeam-white);\n  padding: 80px 40px;\n  border-top: 1px solid rgba(0,0,0,0.06);\n}\n.naeam-faq__inner {\n  max-width: 720px;\n  margin: 0 auto;\n}\n.naeam-faq__header {\n  margin-bottom: 48px;\n}\n.naeam-faq__header h2 {\n  font-size: clamp(28px, 4vw, 48px);\n  font-weight: 700;\n  color: var(--naeam-dark);\n  margin: 0 0 16px;\n  letter-spacing: -0.5px;\n}\n.naeam-faq__divider {\n  width: 40px;\n  height: 2px;\n  background: var(--naeam-red);\n}\n.naeam-faq__list { display: flex; flex-direction: column; }\n.naeam-faq__item { border-bottom: 1px solid rgba(0,0,0,0.08); }\n.naeam-faq__q {\n  width: 100%;\n  background: none;\n  border: none;\n  padding: 22px 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: clamp(15px, 1.6vw, 17px);\n  font-weight: 600;\n  color: var(--naeam-dark);\n  cursor: pointer;\n  text-align: left;\n  font-family: inherit;\n  gap: 20px;\n  transition: color 0.2s;\n}\n.naeam-faq__q:hover { color: var(--naeam-red); }\n.naeam-faq__q.open { color: var(--naeam-red); }\n.naeam-faq__icon {\n  font-size: 22px;\n  font-weight: 300;\n  color: var(--naeam-red);\n  flex-shrink: 0;\n  transition: transform 0.25s;\n  line-height: 1;\n}\n.naeam-faq__q.open .naeam-faq__icon { transform: rotate(45deg); }\n.naeam-faq__a { display: none; padding: 0 0 22px; }\n.naeam-faq__a.open { display: block; }\n.naeam-faq__a p {\n  font-size: 15px;\n  color: var(--naeam-secondary);\n  line-height: 1.7;\n  margin: 0;\n}\n.naeam-faq__footer { margin-top: 48px; text-align: center; }\n.naeam-faq__btn {\n  display: inline-block;\n  border: 1.5px solid var(--naeam-dark);\n  color: var(--naeam-dark);\n  text-decoration: none;\n  padding: 14px 36px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  transition: background 0.2s, color 0.2s;\n  font-family: inherit;\n}\n.naeam-faq__btn:hover { background: var(--naeam-dark); color: white; }\n@media (max-width: 768px) { .naeam-faq { padding: 56px 24px; } }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 768px) {\n  .naeam-tagline { padding: 56px 24px 48px; }\n  .naeam-before__overlay { padding: 32px 24px; }\n  .naeam-before__content { flex-direction: column; gap: 24px; align-items: flex-start; }\n  .naeam-before__divider { display: none; }\n  .naeam-features { padding: 56px 24px; }\n  .naeam-features__grid { grid-template-columns: repeat(2, 1fr); gap: 30px 32px; }\n  .naeam-quote { padding: 56px 24px; }\n  .naeam-cta { padding: 56px 24px; }\n  .naeam-cta__inner { flex-direction: column-reverse; gap: 40px; text-align: center; }\n  .naeam-cta__form { max-width: 100%; }\n  .naeam-chat-window { width: 280px; }\n}\n@media (max-width: 480px) {\n  .naeam-features__grid { grid-template-columns: 1fr; }\n  .naeam-cta__product img { width: 160px; }\n}\n\n.naeam-before {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(-50vw + 50%) !important;\n  margin-right: calc(-50vw + 50%) !important;\n  position: relative;\n}\n.naeam-before img {\n  width: 100% !important;\n  max-width: 100% !important;\n  height: auto;\n}\n\n\/* BEFORE\/DURING\/AFTER alignment fix *\/\n.naeam-before__content {\n  align-items: flex-start !important;\n}\n.naeam-before__divider {\n  align-self: stretch !important;\n  margin-top: 0 !important;\n}\n.naeam-before__label {\n  font-size: 13px !important;\n  letter-spacing: 0.15em !important;\n  margin-bottom: 10px !important;\n}\n.naeam-before__title {\n  font-size: 52px !important;\n  line-height: 1 !important;\n  font-weight: 800 !important;\n  margin-bottom: 14px !important;\n}\n.naeam-before__desc {\n  font-size: 15px !important;\n  line-height: 1.55 !important;\n  opacity: 0.88 !important;\n}\n.naeam-before__moment {\n  padding-top: 0 !important;\n}\n\n\/* === GAME START: full-width === *\/\n.naeam-action {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(-50vw + 50%) !important;\n  margin-right: calc(-50vw + 50%) !important;\n  position: relative;\n  display: block;\n  line-height: 0;\n}\n.naeam-action__img {\n  width: 100% !important;\n  max-width: 100% !important;\n  height: auto;\n  display: block;\n}\n\n\/* === RED DIVIDERS: thicker and consistent === *\/\n.naeam-features__divider,\n.naeam-faq__divider,\n.naeam-quote__divider-top,\n.naeam-tagline-divider {\n  height: 3px !important;\n  width: 48px !important;\n  background: #c21f25 !important;\n  border: none !important;\n  opacity: 1 !important;\n  display: block !important;\n  margin-bottom: 24px !important;\n}\n.naeam-quote__divider-top {\n  margin-bottom: 28px !important;\n}\n\n\/* === QUOTE: italic === *\/\n.naeam-quote h2,\n.naeam-quote h2 em {\n  font-style: italic !important;\n}\n\n\/* === CTA: white background, bigger product === *\/\n.naeam-cta {\n  background: #ffffff !important;\n  background-color: #ffffff !important;\n}\n.naeam-cta__inner {\n  align-items: center !important;\n  gap: 100px !important;\n  justify-content: center !important;\n  max-width: 900px !important;\n  margin: 0 auto;\n}\n.naeam-cta__product {\n  flex: 0 0 320px !important;\n  width: 320px !important;\n  max-width: 320px !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.naeam-cta__product img {\n  width: 100% !important;\n  max-width: 320px !important;\n  height: auto !important;\n  object-fit: contain !important;\n  filter: drop-shadow(0 20px 60px rgba(0,0,0,0.18)) !important;\n}\n.naeam-cta__text {\n  flex: 1 1 auto !important;\n}\n.naeam-chat-btn {\n  border-radius: 50% !important;\n  overflow: hidden !important;\n  clip-path: circle(50%) !important;\n}\n.naeam-chat-btn svg { display: none !important; }\n.naeam-cta__product { background: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; }\n.naeam-cta__product > div { background: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; }\n.naeam-cta__product img { filter: drop-shadow(0 20px 40px rgba(0,0,0,0.12)) !important; }\n\/* Remove all shadows\/borders from product image - let it blend with white *\/\n.naeam-cta__product img {\n  filter: none !important;\n  box-shadow: none !important;\n  border-radius: 0 !important;\n  border: none !important;\n}\n.naeam-cta__product {\n  background: transparent !important;\n  box-shadow: none !important;\n  border: none !important;\n  padding: 0 !important;\n  border-radius: 0 !important;\n}\n\n\/* Tagline divider: center it *\/\n.naeam-tagline-divider {\n  margin: 20px auto 0 auto !important;\n  display: block !important;\n}\n<\/style>\n\n<!-- SECTION 1: TAGLINE -->\n<section class=\"naeam-tagline\">\n  <h2>The cold doesn&#8217;t care.<br><em>Neither do we.<\/em><\/h2>\n  <p><span class=\"underline\">Every part<\/span> of your body needs protection.<\/p>\n  <div class=\"naeam-tagline-divider\"><\/div>\n<\/section>\n\n<!-- SECTION 2: BEFORE \/ DURING \/ AFTER -->\n<section class=\"naeam-before\">\n  <img decoding=\"async\" class=\"naeam-before__img\"\n       src=\"https:\/\/naeamgear.com\/wp-content\/uploads\/2026\/06\/hockey-player-using-skin-balm.png\"\n       alt=\"Hockey player in locker room\" \/>\n  <div class=\"naeam-before__overlay\">\n    <div class=\"naeam-before__content\">\n      <div class=\"naeam-before__moment\">\n        <div class=\"naeam-before__label\">01<\/div>\n        <h3 class=\"naeam-before__title\">BEFORE<\/h3>\n        <p class=\"naeam-before__desc\">Locker room. Cold air. Exposed skin. You already know what&#8217;s coming.<\/p>\n      <\/div>\n      <div class=\"naeam-before__divider\"><\/div>\n      <div class=\"naeam-before__moment\">\n        <div class=\"naeam-before__label\">02<\/div>\n        <h3 class=\"naeam-before__title\">DURING<\/h3>\n        <p class=\"naeam-before__desc\">Wind. Speed. Impact. Skin armor holds \u2014 invisible, locked in place.<\/p>\n      <\/div>\n      <div class=\"naeam-before__divider\"><\/div>\n      <div class=\"naeam-before__moment\">\n        <div class=\"naeam-before__label\">03<\/div>\n        <h3 class=\"naeam-before__title\">AFTER<\/h3>\n        <p class=\"naeam-before__desc\">Still protected. No damage. No dryness. No one even knows it&#8217;s there.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SECTION 3: FEATURES -->\n<section class=\"naeam-features\">\n  <div class=\"naeam-features__header\">\n    <h2>Looks like <em>nothing.<\/em> Works like armor.<\/h2>\n    <p>Invisible on skin. No shine. No gloss. No one knows it&#8217;s there.<\/p>\n    <div class=\"naeam-features__divider\"><\/div>\n  <\/div>\n  <div class=\"naeam-features__grid\">\n    <div class=\"naeam-feature\">\n      <div class=\"naeam-feature__label\">Formula<\/div>\n      <div class=\"naeam-feature__title\">Hard.<span>Not waxy.<\/span><\/div>\n      <p class=\"naeam-feature__desc\">Dense barrier formula seals in moisture and stays on through contact.<\/p>\n    <\/div>\n    <div class=\"naeam-feature\">\n      <div class=\"naeam-feature__label\">Size<\/div>\n      <div class=\"naeam-feature__title\">15ml.<span>Fits anywhere.<\/span><\/div>\n      <p class=\"naeam-feature__desc\">Pocket-sized. Glove box. Bag pocket. Always within reach.<\/p>\n    <\/div>\n    <div class=\"naeam-feature\">\n      <div class=\"naeam-feature__label\">Coverage<\/div>\n      <div class=\"naeam-feature__title\">Lips.<span>Nose. Face.<\/span><\/div>\n      <p class=\"naeam-feature__desc\">One stick. Full coverage wherever the elements take the hit \u2014 protected.<\/p>\n    <\/div>\n    <div class=\"naeam-feature\">\n      <div class=\"naeam-feature__label\">Finish<\/div>\n      <div class=\"naeam-feature__title\">Invisible.<span>No shine.<\/span><\/div>\n      <p class=\"naeam-feature__desc\">No gloss. No visible layer. You feel the difference \u2014 no one sees it.<\/p>\n    <\/div>\n    <div class=\"naeam-feature\">\n      <div class=\"naeam-feature__label\">Duration<\/div>\n      <div class=\"naeam-feature__title\">Once on.<span>Stays on.<\/span><\/div>\n      <p class=\"naeam-feature__desc\">Sweat-resistant formula. Built to last through the session.<\/p>\n    <\/div>\n    <div class=\"naeam-feature\">\n      <div class=\"naeam-feature__label\">Recovery<\/div>\n      <div class=\"naeam-feature__title\">Between<span>sessions.<\/span><\/div>\n      <p class=\"naeam-feature__desc\">Skin recovers faster when protected \u2014 less damage, less downtime.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SECTION 4: ACTION PHOTO -->\n<section class=\"naeam-action\">\n  <img decoding=\"async\" class=\"naeam-action__img\"\n       src=\"https:\/\/naeamgear.com\/wp-content\/uploads\/2026\/06\/GAME-START.jpg\"\n       alt=\"Hockey players in action\" \/>\n<\/section>\n\n<!-- SECTION 5: HANDWRITTEN QUOTE -->\n<section class=\"naeam-quote\">\n  <div class=\"naeam-quote__divider-top\"><\/div>\n  <h2>No room for discomfort<br>in <em>big moments.<\/em><\/h2>\n<\/section>\n\n<!-- SECTION 6: CTA \/ PRODUCT -->\n<section class=\"naeam-cta\">\n  <div class=\"naeam-cta__inner\">\n    <div class=\"naeam-cta__text\">\n      <h3>NAEAM GEAR<\/h3>\n      <h2>Skin Armor<\/h2>\n      <p class=\"naeam-meta\">15ml \u00b7 Hard formula<\/p>\n      <div class=\"naeam-cta__price\">\u20ac19<\/div>\n      <div class=\"naeam-cta__form\" id=\"naeamForm\">\n        <input type=\"email\" id=\"naeamEmail\" placeholder=\"Your email address\" autocomplete=\"email\" \/>\n        <button class=\"naeam-cta__btn\" onclick=\"naeamSubmit()\">GET EARLY ACCESS<\/button>\n        <p class=\"naeam-cta__success\" id=\"naeamSuccess\">\u2713 You&#8217;re on the list. We&#8217;ll be in touch.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"naeam-cta__product\">\n      <img decoding=\"async\" src=\"https:\/\/naeamgear.com\/wp-content\/uploads\/2026\/06\/box_product.png\" alt=\"NAEAM Skin Armor product\" \/>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SECTION 7: ESTONIAN QUALITY BADGE -->\n<section class=\"naeam-badge\">\n  <div class=\"naeam-badge__inner\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 120\" width=\"60\" height=\"72\" style=\"display:inline-block;vertical-align:middle;\">\n  <path d=\"M50 4 L90 20 L90 60 C90 85 70 105 50 116 C30 105 10 85 10 60 L10 20 Z\" fill=\"#c21f25\"\/>\n  <path d=\"M50 14 L82 28 L82 60 C82 80 65 97 50 107 C35 97 18 80 18 60 L18 28 Z\" fill=\"none\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\"\/>\n  <text x=\"50\" y=\"72\" font-family=\"Arial,sans-serif\" font-size=\"38\" font-weight=\"900\" fill=\"white\" text-anchor=\"middle\" dominant-baseline=\"middle\">N<\/text>\n<\/svg>\n    <span class=\"naeam-badge__text\">Estonian Quality<\/span>\n  <\/div>\n<\/section>\n\n<!-- SECTION FAQ -->\n<section class=\"naeam-faq\">\n  <div class=\"naeam-faq__inner\">\n    <div class=\"naeam-faq__header\">\n      <h2>FAQ<\/h2>\n      <div class=\"naeam-faq__divider\"><\/div>\n    <\/div>\n    <div class=\"naeam-faq__list\">\n      <div class=\"naeam-faq__item\">\n        <button class=\"naeam-faq__q\" onclick=\"naeamToggleFaq(this)\">What exactly is SKIN ARMOR?<span class=\"naeam-faq__icon\">+<\/span><\/button>\n        <div class=\"naeam-faq__a\"><p>A hard-formula lip and skin protector built for cold, wind and impact. It goes on invisible, holds through sweat and contact, and keeps skin intact \u2014 no shine, no feel, no compromise.<\/p><\/div>\n      <\/div>\n      <div class=\"naeam-faq__item\">\n        <button class=\"naeam-faq__q\" onclick=\"naeamToggleFaq(this)\">Who is it for?<span class=\"naeam-faq__icon\">+<\/span><\/button>\n        <div class=\"naeam-faq__a\"><p>Hockey players, skiers, runners \u2014 anyone who trains or competes in cold, dry or high-exposure conditions. If your skin takes the hit so you can focus, this is for you.<\/p><\/div>\n      <\/div>\n      <div class=\"naeam-faq__item\">\n        <button class=\"naeam-faq__q\" onclick=\"naeamToggleFaq(this)\">How do I apply it?<span class=\"naeam-faq__icon\">+<\/span><\/button>\n        <div class=\"naeam-faq__a\"><p>Apply a thin layer to lips, nose, or any exposed skin before activity. One pass is enough. It sets on its own. Reapply between periods or sessions if needed.<\/p><\/div>\n      <\/div>\n      <div class=\"naeam-faq__item\">\n        <button class=\"naeam-faq__q\" onclick=\"naeamToggleFaq(this)\">How long does it last?<span class=\"naeam-faq__icon\">+<\/span><\/button>\n        <div class=\"naeam-faq__a\"><p>Through a full session. The hard formula is sweat-resistant and doesn&#8217;t wipe off easily. For extended exposure or multi-period games, a quick reapply takes 2 seconds.<\/p><\/div>\n      <\/div>\n      <div class=\"naeam-faq__item\">\n        <button class=\"naeam-faq__q\" onclick=\"naeamToggleFaq(this)\">Is it safe for sensitive skin?<span class=\"naeam-faq__icon\">+<\/span><\/button>\n        <div class=\"naeam-faq__a\"><p>Yes. Formulated without fragrance, colorants or unnecessary additives. Clean ingredients, serious performance. Full ingredient list will be available at launch.<\/p><\/div>\n      <\/div>\n      <div class=\"naeam-faq__item\">\n        <button class=\"naeam-faq__q\" onclick=\"naeamToggleFaq(this)\">When can I get it and how much?<span class=\"naeam-faq__icon\">+<\/span><\/button>\n        <div class=\"naeam-faq__a\"><p>SKIN ARMOR launches at \u20ac19 for 15ml. Sign up for early access above \u2014 you&#8217;ll be first to know when we go live.<\/p><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"naeam-faq__footer\">\n      <a href=\"\/faq-2\/\" class=\"naeam-faq__btn\">ALL QUESTIONS<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CHATBOT BUBBLE -->\n<div class=\"naeam-chat-bubble\">\n  <div class=\"naeam-chat-window\" id=\"naeamChat\">\n    <div class=\"naeam-chat-header\">\n      <div class=\"naeam-chat-header__dot\"><\/div>\n      NAEAM \u2014 Ask us anything\n    <\/div>\n    <div class=\"naeam-chat-body\" id=\"naeamChatBody\">\n      <div class=\"naeam-chat-message\">Hey! Have a question about SKIN ARMOR? We&#8217;re here. \ud83d\udcac<\/div>\n    <\/div>\n    <div class=\"naeam-chat-footer\">\n      <input class=\"naeam-chat-input\" type=\"text\" id=\"naeamChatInput\" placeholder=\"Type your message...\" \/>\n      <button class=\"naeam-chat-send\" onclick=\"naeamSend()\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M2 21l21-9L2 3v7l15 2-15 2z\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n  <button class=\"naeam-chat-btn\" onclick=\"document.getElementById('naeamChat').classList.toggle('open')\" aria-label=\"Open chat\">\n    <span style=\"display:flex;gap:4px;align-items:center;\"><span style=\"width:6px;height:6px;background:white;border-radius:50%;display:block;\"><\/span><span style=\"width:6px;height:6px;background:white;border-radius:50%;display:block;\"><\/span><span style=\"width:6px;height:6px;background:white;border-radius:50%;display:block;\"><\/span><\/span>\n  <\/button>\n<\/div>\n\n<script>\nfunction naeamSubmit() {\n  const email = document.getElementById('naeamEmail').value;\n  if (!email || !email.includes('@')) {\n    document.getElementById('naeamEmail').style.borderColor = '#c21f25';\n    return;\n  }\n  document.getElementById('naeamEmail').style.borderColor = '#d0d5dd';\n  document.getElementById('naeamSuccess').style.display = 'block';\n  document.getElementById('naeamEmail').style.display = 'none';\n  document.querySelector('.naeam-cta__btn').style.display = 'none';\n  \/\/ Here you can add your email submission logic (Mailchimp, etc.)\n  console.log('NAEAM early access signup:', email);\n}\n\nfunction naeamSend() {\n  const input = document.getElementById('naeamChatInput');\n  const msg = input.value.trim();\n  if (!msg) return;\n  const body = document.getElementById('naeamChatBody');\n  const userMsg = document.createElement('div');\n  userMsg.className = 'naeam-chat-message';\n  userMsg.style.cssText = 'background:#c21f25;color:white;align-self:flex-end;margin-left:auto;';\n  userMsg.textContent = msg;\n  body.appendChild(userMsg);\n  input.value = '';\n  setTimeout(() => {\n    const reply = document.createElement('div');\n    reply.className = 'naeam-chat-message';\n    reply.textContent = 'Thanks for your message! We\\'ll reply to you via email shortly. You can also reach us at info.naeam@gmail.com';\n    body.appendChild(reply);\n    body.scrollTop = body.scrollHeight;\n  }, 800);\n  body.scrollTop = body.scrollHeight;\n}\n\n\nfunction naeamToggleFaq(btn) {\n  const item = btn.closest('.naeam-faq__item');\n  const answer = item.querySelector('.naeam-faq__a');\n  const isOpen = btn.classList.contains('open');\n  document.querySelectorAll('.naeam-faq__q.open').forEach(q => {\n    q.classList.remove('open');\n    q.closest('.naeam-faq__item').querySelector('.naeam-faq__a').classList.remove('open');\n  });\n  if (!isOpen) { btn.classList.add('open'); answer.classList.add('open'); }\n}\n\ndocument.getElementById('naeamChatInput') && document.getElementById('naeamChatInput').addEventListener('keydown', function(e) {\n  if (e.key === 'Enter') naeamSend();\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>SKIN ARMOR Built for extreme conditions. Worn like armor. The cold doesn&#8217;t care.Neither do we. Every part of your body [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-278","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"info.naeam@gmail.com","author_link":"https:\/\/naeamgear.com\/et\/author\/info-naeamgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"SKIN ARMOR Built for extreme conditions. Worn like armor. The cold doesn&#8217;t care.Neither do we. Every part of your body [&hellip;]","_links":{"self":[{"href":"https:\/\/naeamgear.com\/et\/wp-json\/wp\/v2\/pages\/278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naeamgear.com\/et\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naeamgear.com\/et\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naeamgear.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naeamgear.com\/et\/wp-json\/wp\/v2\/comments?post=278"}],"version-history":[{"count":109,"href":"https:\/\/naeamgear.com\/et\/wp-json\/wp\/v2\/pages\/278\/revisions"}],"predecessor-version":[{"id":608,"href":"https:\/\/naeamgear.com\/et\/wp-json\/wp\/v2\/pages\/278\/revisions\/608"}],"wp:attachment":[{"href":"https:\/\/naeamgear.com\/et\/wp-json\/wp\/v2\/media?parent=278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}