{"product_id":"impeccable-skin-collagen-elixir","title":"Impeccable Skin Collagen Elixir","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eImpeccable Skin Collagen Elixir — Coming Soon | JEYANCIE Beauty\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"The Impeccable Skin Collagen Elixir is coming October 5, 2026. Hydrolyzed collagen, hyaluronic acid, and vitamin C — drinkable beauty that works from the inside out. Join the waitlist.\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500\u0026amp;family=Jost:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --deep:     #0D1F2D;\n  --deep-mid: #162535;\n  --teal:     #4ABFBF;\n  --teal-mid: #3AA0A0;\n  --teal-soft:#D6F0EF;\n  --pearl:    #F5F0EB;\n  --pearl-mid:#EDE5DA;\n  --gold:     #C9A96E;\n  --white:    #FFFFFF;\n  --ink-soft: rgba(245,240,235,0.7);\n  --ink-muted:rgba(245,240,235,0.4);\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n  font-family: 'Jost', sans-serif;\n  background: var(--deep);\n  color: var(--pearl);\n  min-height: 100vh;\n  overflow-x: hidden;\n}\n\n\/* ── ANIMATED BACKGROUND ── *\/\n.bg-canvas {\n  position: fixed;\n  inset: 0;\n  z-index: 0;\n  overflow: hidden;\n}\n.bg-orb {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(80px);\n  opacity: 0.18;\n  animation: drift 18s ease-in-out infinite alternate;\n}\n.bg-orb-1 {\n  width: 600px; height: 600px;\n  background: var(--teal);\n  top: -200px; left: -100px;\n  animation-duration: 20s;\n}\n.bg-orb-2 {\n  width: 400px; height: 400px;\n  background: #6B8FA0;\n  bottom: -100px; right: -80px;\n  animation-duration: 15s;\n  animation-delay: -7s;\n}\n.bg-orb-3 {\n  width: 300px; height: 300px;\n  background: var(--gold);\n  top: 40%; left: 55%;\n  opacity: 0.09;\n  animation-duration: 25s;\n  animation-delay: -12s;\n}\n@keyframes drift {\n  from { transform: translate(0, 0) scale(1); }\n  to   { transform: translate(40px, 60px) scale(1.08); }\n}\n\n\/* ── NOISE OVERLAY ── *\/\n.noise {\n  position: fixed;\n  inset: 0;\n  z-index: 1;\n  opacity: 0.035;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n  background-size: 200px 200px;\n  pointer-events: none;\n}\n\n\/* ── WRAPPER ── *\/\n.page-wrap {\n  position: relative;\n  z-index: 2;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n}\n\n\/* ── HEADER BAR ── *\/\n.top-bar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1.5rem 3rem;\n  border-bottom: 1px solid rgba(74,191,191,0.12);\n}\n.brand-link {\n  font-family: 'Jost', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.25em;\n  text-transform: uppercase;\n  color: var(--teal);\n  text-decoration: none;\n}\n.brand-link span { color: var(--ink-muted); }\n.top-tag {\n  font-size: 11px;\n  font-weight: 400;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--ink-muted);\n}\n\n\/* ── HERO ── *\/\n.hero {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0;\n  align-items: center;\n  min-height: calc(100vh - 72px);\n}\n\n.hero-left {\n  padding: 5rem 4rem 5rem 3rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n\n\/* stagger animations *\/\n.fade-up { opacity: 0; transform: translateY(28px); animation: fadeUp 0.8s ease forwards; }\n.fade-up-1 { animation-delay: 0.1s; }\n.fade-up-2 { animation-delay: 0.25s; }\n.fade-up-3 { animation-delay: 0.4s; }\n.fade-up-4 { animation-delay: 0.55s; }\n.fade-up-5 { animation-delay: 0.7s; }\n.fade-up-6 { animation-delay: 0.85s; }\n@keyframes fadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.eyebrow {\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--teal);\n  margin-bottom: 1.25rem;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.eyebrow::before {\n  content: '';\n  display: block;\n  width: 32px;\n  height: 1px;\n  background: var(--teal);\n}\n\n.hero-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(2.4rem, 4.5vw, 3.8rem);\n  font-weight: 400;\n  line-height: 1.15;\n  color: var(--white);\n  margin-bottom: 0.5rem;\n}\n.hero-title em {\n  font-style: italic;\n  color: var(--teal);\n}\n.hero-title .brand-name {\n  display: block;\n  font-size: 0.55em;\n  font-style: normal;\n  font-weight: 300;\n  letter-spacing: 0.25em;\n  text-transform: uppercase;\n  color: var(--ink-muted);\n  margin-bottom: 0.4rem;\n}\n\n.hero-divider {\n  width: 48px;\n  height: 2px;\n  background: linear-gradient(90deg, var(--teal), transparent);\n  margin: 1.75rem 0;\n}\n\n.hero-desc {\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.8;\n  color: var(--ink-soft);\n  max-width: 420px;\n  margin-bottom: 2.5rem;\n}\n.hero-desc strong {\n  color: var(--pearl);\n  font-weight: 400;\n}\n\n\/* INGREDIENT PILLS *\/\n.ingredient-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 2.75rem;\n}\n.pill {\n  font-size: 11px;\n  font-weight: 400;\n  letter-spacing: 0.08em;\n  padding: 5px 14px;\n  border-radius: 100px;\n  border: 1px solid rgba(74,191,191,0.3);\n  color: var(--teal);\n  background: rgba(74,191,191,0.06);\n  white-space: nowrap;\n}\n\n\/* WAITLIST FORM *\/\n.waitlist-label {\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--ink-muted);\n  margin-bottom: 0.75rem;\n}\n.form-row {\n  display: flex;\n  gap: 10px;\n  max-width: 420px;\n  margin-bottom: 0.75rem;\n}\n.form-input {\n  flex: 1;\n  background: rgba(245,240,235,0.06);\n  border: 1px solid rgba(74,191,191,0.25);\n  border-radius: 3px;\n  padding: 0.85rem 1.1rem;\n  font-family: 'Jost', sans-serif;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--pearl);\n  outline: none;\n  transition: border-color 0.2s, background 0.2s;\n}\n.form-input::placeholder { color: var(--ink-muted); }\n.form-input:focus {\n  border-color: var(--teal);\n  background: rgba(74,191,191,0.05);\n}\n.form-btn {\n  background: var(--teal);\n  color: var(--deep);\n  border: none;\n  border-radius: 3px;\n  padding: 0.85rem 1.5rem;\n  font-family: 'Jost', sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background 0.2s, transform 0.15s;\n}\n.form-btn:hover { background: var(--teal-mid); transform: translateY(-1px); }\n.form-btn:active { transform: translateY(0); }\n.form-note {\n  font-size: 11px;\n  color: var(--ink-muted);\n  letter-spacing: 0.03em;\n}\n\n\/* SUCCESS STATE *\/\n.form-success {\n  display: none;\n  align-items: center;\n  gap: 12px;\n  background: rgba(74,191,191,0.08);\n  border: 1px solid rgba(74,191,191,0.3);\n  border-radius: 3px;\n  padding: 1rem 1.25rem;\n  max-width: 420px;\n}\n.form-success.visible { display: flex; }\n.success-icon {\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--teal);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-size: 12px;\n  color: var(--deep);\n}\n.success-text { font-size: 13px; color: var(--teal-soft); line-height: 1.5; }\n\n\/* ── HERO RIGHT ── *\/\n.hero-right {\n  position: relative;\n  height: 100%;\n  min-height: 600px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n\/* Decorative bottle\/product visual *\/\n.product-visual {\n  position: relative;\n  width: 320px;\n  height: 480px;\n  animation: floatUp 6s ease-in-out infinite;\n}\n@keyframes floatUp {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-16px); }\n}\n\n.bottle {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n\/* Bottle SVG illustration *\/\n.bottle-svg {\n  width: 100%;\n  height: 100%;\n  filter: drop-shadow(0 30px 60px rgba(74,191,191,0.2));\n}\n\n\/* Decorative ring *\/\n.ring {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(74,191,191,0.15);\n  animation: spin 30s linear infinite;\n}\n.ring-1 {\n  width: 500px; height: 500px;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ring-2 {\n  width: 380px; height: 380px;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  animation-duration: 20s;\n  animation-direction: reverse;\n  border-style: dashed;\n  opacity: 0.5;\n}\n@keyframes spin {\n  from { transform: translate(-50%, -50%) rotate(0deg); }\n  to   { transform: translate(-50%, -50%) rotate(360deg); }\n}\n\n\/* Floating ingredient labels *\/\n.float-label {\n  position: absolute;\n  background: rgba(13,31,45,0.85);\n  border: 1px solid rgba(74,191,191,0.25);\n  border-radius: 4px;\n  padding: 0.6rem 0.9rem;\n  backdrop-filter: blur(8px);\n  animation: floatLabel 4s ease-in-out infinite alternate;\n}\n.float-label-1 { top: 12%; right: -10px; animation-delay: 0s; }\n.float-label-2 { top: 45%; left: -20px; animation-delay: 1.5s; }\n.float-label-3 { bottom: 18%; right: 0px; animation-delay: 0.8s; }\n@keyframes floatLabel {\n  from { transform: translateY(0); }\n  to   { transform: translateY(-8px); }\n}\n.float-label-name {\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  color: var(--teal);\n  margin-bottom: 2px;\n}\n.float-label-desc {\n  font-size: 10px;\n  color: var(--ink-muted);\n  white-space: nowrap;\n}\n\n\/* ── COUNTDOWN ── *\/\n.countdown-strip {\n  background: rgba(22,37,53,0.8);\n  border-top: 1px solid rgba(74,191,191,0.1);\n  border-bottom: 1px solid rgba(74,191,191,0.1);\n  padding: 2rem 3rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  flex-wrap: wrap;\n}\n.countdown-label {\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.25em;\n  text-transform: uppercase;\n  color: var(--ink-muted);\n  margin-right: 2.5rem;\n}\n.countdown-units {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.countdown-unit {\n  text-align: center;\n  min-width: 70px;\n}\n.countdown-number {\n  font-family: 'Playfair Display', serif;\n  font-size: 2.5rem;\n  font-weight: 400;\n  color: var(--white);\n  line-height: 1;\n  display: block;\n  letter-spacing: -0.02em;\n}\n.countdown-unit-label {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--ink-muted);\n  display: block;\n  margin-top: 4px;\n}\n.countdown-sep {\n  font-family: 'Playfair Display', serif;\n  font-size: 2rem;\n  color: rgba(74,191,191,0.3);\n  margin-bottom: 14px;\n  align-self: flex-end;\n}\n\n\/* ── BOTTOM SECTION ── *\/\n.bottom-section {\n  padding: 4rem 3rem;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 2rem;\n  border-top: 1px solid rgba(74,191,191,0.08);\n}\n\n.benefit-card {\n  padding: 1.5rem;\n  border: 1px solid rgba(74,191,191,0.1);\n  border-radius: 4px;\n  background: rgba(22,37,53,0.4);\n  transition: border-color 0.3s, background 0.3s;\n}\n.benefit-card:hover {\n  border-color: rgba(74,191,191,0.3);\n  background: rgba(74,191,191,0.04);\n}\n.benefit-icon {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(74,191,191,0.1);\n  border: 1px solid rgba(74,191,191,0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1rem;\n}\n.benefit-icon svg { width: 16px; height: 16px; stroke: var(--teal); fill: none; stroke-width: 1.5; }\n.benefit-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 1rem;\n  font-weight: 400;\n  color: var(--pearl);\n  margin-bottom: 0.5rem;\n  line-height: 1.3;\n}\n.benefit-desc {\n  font-size: 13px;\n  font-weight: 300;\n  color: var(--ink-muted);\n  line-height: 1.7;\n}\n\n\/* ── FOOTER BAR ── *\/\n.footer-bar {\n  padding: 1.5rem 3rem;\n  border-top: 1px solid rgba(74,191,191,0.08);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n.footer-links { display: flex; gap: 1.5rem; }\n.footer-links a {\n  font-size: 12px;\n  color: var(--ink-muted);\n  text-decoration: none;\n  letter-spacing: 0.05em;\n  transition: color 0.2s;\n}\n.footer-links a:hover { color: var(--teal); }\n.footer-copy {\n  font-size: 12px;\n  color: var(--ink-muted);\n  letter-spacing: 0.03em;\n}\n\n\/* ── MOBILE ── *\/\n@media (max-width: 768px) {\n  .top-bar { padding: 1.25rem 1.5rem; }\n  .hero { grid-template-columns: 1fr; min-height: auto; }\n  .hero-left { padding: 3rem 1.5rem 2rem; }\n  .hero-right { min-height: 360px; }\n  .product-visual { width: 220px; height: 330px; }\n  .float-label-1 { right: 5px; }\n  .float-label-2 { left: 5px; }\n  .float-label-3 { right: 5px; }\n  .countdown-strip { padding: 1.5rem; gap: 1rem; }\n  .countdown-label { margin-right: 0; width: 100%; text-align: center; margin-bottom: 1rem; }\n  .bottom-section { grid-template-columns: 1fr; padding: 2.5rem 1.5rem; }\n  .footer-bar { padding: 1.25rem 1.5rem; flex-direction: column; align-items: flex-start; }\n  .form-row { flex-direction: column; }\n  .form-btn { width: 100%; text-align: center; }\n}\n\n\/* ── SHOPIFY NOTE STYLES ── *\/\n\n\u003c\/style\u003e\n\n  \n\n\u003cdiv class=\"bg-canvas\"\u003e\n  \u003cdiv class=\"bg-orb bg-orb-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"bg-orb bg-orb-2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"bg-orb bg-orb-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"noise\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"page-wrap\"\u003e\n\n  \u003c!-- TOP BAR --\u003e\n  \u003cheader class=\"top-bar\"\u003e\n    \u003ca href=\"https:\/\/jeyanciebeauty.com\" class=\"brand-link\"\u003eJEYANCIE \u003cspan\u003eBeauty\u003c\/span\u003e\u003c\/a\u003e\n    \u003cspan class=\"top-tag\"\u003eNew — Ingestible Line\u003c\/span\u003e\n  \u003c\/header\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"hero\"\u003e\n\n    \u003c!-- LEFT: Copy + Form --\u003e\n    \u003cdiv class=\"hero-left\"\u003e\n\n      \u003cdiv class=\"eyebrow fade-up fade-up-1\"\u003eLaunching October 5, 2026\u003c\/div\u003e\n\n      \u003ch1 class=\"hero-title fade-up fade-up-2\"\u003e\n        \u003cspan class=\"brand-name\"\u003eImpeccable Skin\u003c\/span\u003e\n        Collagen \u003cem\u003eElixir\u003c\/em\u003e\n      \u003c\/h1\u003e\n\n      \u003cdiv class=\"hero-divider fade-up fade-up-3\"\u003e\u003c\/div\u003e\n\n      \u003cp class=\"hero-desc fade-up fade-up-3\"\u003e\n        Beauty that begins before you ever open a jar.\n        The \u003cstrong\u003eImpeccable Skin Collagen Elixir\u003c\/strong\u003e delivers\n        \u003cstrong\u003ehydrolyzed collagen, hyaluronic acid, and vitamin C\u003c\/strong\u003e\n        directly to your dermis — rebuilding skin structure, restoring deep\n        hydration, and repairing your barrier from the inside out.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ingredient-row fade-up fade-up-4\"\u003e\n        \u003cspan class=\"pill\"\u003eHydrolyzed Collagen\u003c\/span\u003e\n        \u003cspan class=\"pill\"\u003eHyaluronic Acid\u003c\/span\u003e\n        \u003cspan class=\"pill\"\u003eVitamin C\u003c\/span\u003e\n        \u003cspan class=\"pill\"\u003eInside Out Beauty\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"waitlist-label fade-up fade-up-5\"\u003eBe the first to know\u003c\/div\u003e\n\n      \u003cdiv id=\"form-wrap\" class=\"fade-up fade-up-5\"\u003e\n        \u003cdiv class=\"form-row\"\u003e\n          \u003cinput type=\"email\" class=\"form-input\" id=\"email-input\" placeholder=\"Your email address\" autocomplete=\"email\"\u003e\n          \u003cbutton class=\"form-btn\" onclick=\"handleSignup()\"\u003eNotify Me\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"form-note\"\u003eEarly access · Exclusive launch offer · No spam, ever.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"form-success\" id=\"form-success\"\u003e\n        \u003cdiv class=\"success-icon\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"success-text\"\u003e\n          You're on the list. We'll be in touch before October 5th with\n          early access and an exclusive launch offer.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- RIGHT: Product Visual --\u003e\n    \u003cdiv class=\"hero-right\"\u003e\n      \u003cdiv class=\"ring ring-1\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ring ring-2\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"product-visual fade-up fade-up-2\"\u003e\n        \u003c!-- Illustrated bottle SVG --\u003e\n        \u003csvg class=\"bottle-svg\" viewbox=\"0 0 320 480\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cdefs\u003e\n            \u003clineargradient id=\"bottleGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n              \u003cstop offset=\"0%\" style=\"stop-color:#1A3A4A;stop-opacity:1\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\"50%\" style=\"stop-color:#0D2A3A;stop-opacity:1\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\"100%\" style=\"stop-color:#0A1F2D;stop-opacity:1\"\u003e\u003c\/stop\u003e\n            \u003c\/lineargradient\u003e\n            \u003clineargradient id=\"shineGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"\u003e\n              \u003cstop offset=\"0%\" style=\"stop-color:rgba(74,191,191,0.0)\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\"35%\" style=\"stop-color:rgba(74,191,191,0.12)\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\"50%\" style=\"stop-color:rgba(255,255,255,0.08)\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\"100%\" style=\"stop-color:rgba(74,191,191,0.0)\"\u003e\u003c\/stop\u003e\n            \u003c\/lineargradient\u003e\n            \u003clineargradient id=\"capGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\"\u003e\n              \u003cstop offset=\"0%\" style=\"stop-color:#3AA0A0\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\"100%\" style=\"stop-color:#2A7878\"\u003e\u003c\/stop\u003e\n            \u003c\/lineargradient\u003e\n            \u003clineargradient id=\"liquidGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\"\u003e\n              \u003cstop offset=\"0%\" style=\"stop-color:rgba(74,191,191,0.5)\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\"100%\" style=\"stop-color:rgba(74,191,191,0.15)\"\u003e\u003c\/stop\u003e\n            \u003c\/lineargradient\u003e\n            \u003cclippath id=\"bottleClip\"\u003e\n              \u003crect x=\"80\" y=\"80\" width=\"160\" height=\"360\" rx=\"20\"\u003e\u003c\/rect\u003e\n            \u003c\/clippath\u003e\n          \u003c\/defs\u003e\n\n          \u003c!-- Cap --\u003e\n          \u003crect x=\"118\" y=\"32\" width=\"84\" height=\"58\" rx=\"8\" fill=\"url(#capGrad)\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"124\" y=\"28\" width=\"72\" height=\"12\" rx=\"6\" fill=\"#4ABFBF\"\u003e\u003c\/rect\u003e\n          \u003c!-- Cap shine --\u003e\n          \u003crect x=\"128\" y=\"36\" width=\"4\" height=\"40\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\u003e\u003c\/rect\u003e\n\n          \u003c!-- Bottle body --\u003e\n          \u003crect x=\"80\" y=\"80\" width=\"160\" height=\"360\" rx=\"20\" fill=\"url(#bottleGrad)\"\u003e\u003c\/rect\u003e\n\n          \u003c!-- Liquid fill --\u003e\n          \u003crect x=\"80\" y=\"220\" width=\"160\" height=\"220\" rx=\"0\" fill=\"url(#liquidGrad)\" clip-path=\"url(#bottleClip)\"\u003e\u003c\/rect\u003e\n\n          \u003c!-- Shine overlay --\u003e\n          \u003crect x=\"80\" y=\"80\" width=\"160\" height=\"360\" rx=\"20\" fill=\"url(#shineGrad)\"\u003e\u003c\/rect\u003e\n\n          \u003c!-- Left edge highlight --\u003e\n          \u003crect x=\"80\" y=\"80\" width=\"8\" height=\"360\" rx=\"0\" fill=\"rgba(74,191,191,0.06)\" clip-path=\"url(#bottleClip)\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"80\" y=\"80\" width=\"3\" height=\"360\" rx=\"0\" fill=\"rgba(255,255,255,0.05)\" clip-path=\"url(#bottleClip)\"\u003e\u003c\/rect\u003e\n\n          \u003c!-- Label area --\u003e\n          \u003crect x=\"96\" y=\"130\" width=\"128\" height=\"180\" rx=\"6\" fill=\"rgba(245,240,235,0.04)\" stroke=\"rgba(74,191,191,0.15)\" stroke-width=\"0.5\"\u003e\u003c\/rect\u003e\n\n          \u003c!-- Label content --\u003e\n          \u003c!-- Brand micro-text --\u003e\n          \u003ctext x=\"160\" y=\"153\" text-anchor=\"middle\" font-family=\"'Jost', sans-serif\" font-size=\"7.5\" font-weight=\"500\" fill=\"rgba(74,191,191,0.8)\" letter-spacing=\"3\"\u003eJEYANCIE BEAUTY\u003c\/text\u003e\n\n          \u003c!-- Divider line --\u003e\n          \u003cline x1=\"116\" y1=\"160\" x2=\"204\" y2=\"160\" stroke=\"rgba(74,191,191,0.2)\" stroke-width=\"0.5\"\u003e\u003c\/line\u003e\n\n          \u003c!-- Product name --\u003e\n          \u003ctext x=\"160\" y=\"183\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"13\" font-weight=\"400\" fill=\"#F5F0EB\"\u003eImpeccable Skin\u003c\/text\u003e\n          \u003ctext x=\"160\" y=\"202\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"18\" font-weight=\"400\" fill=\"white\" font-style=\"italic\"\u003eCollagen\u003c\/text\u003e\n          \u003ctext x=\"160\" y=\"221\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"18\" font-weight=\"400\" fill=\"white\" font-style=\"italic\"\u003eElixir\u003c\/text\u003e\n\n          \u003c!-- Divider --\u003e\n          \u003cline x1=\"130\" y1=\"230\" x2=\"190\" y2=\"230\" stroke=\"rgba(74,191,191,0.25)\" stroke-width=\"0.5\"\u003e\u003c\/line\u003e\n\n          \u003c!-- Ingredient micro-text --\u003e\n          \u003ctext x=\"160\" y=\"247\" text-anchor=\"middle\" font-family=\"'Jost', sans-serif\" font-size=\"6.5\" fill=\"rgba(74,191,191,0.65)\" letter-spacing=\"1.5\"\u003eHYDROLYZED COLLAGEN\u003c\/text\u003e\n          \u003ctext x=\"160\" y=\"260\" text-anchor=\"middle\" font-family=\"'Jost', sans-serif\" font-size=\"6.5\" fill=\"rgba(74,191,191,0.65)\" letter-spacing=\"1.5\"\u003eHYALURONIC ACID · VITAMIN C\u003c\/text\u003e\n\n          \u003c!-- Decorative dots --\u003e\n          \u003ccircle cx=\"133\" cy=\"290\" r=\"1.5\" fill=\"rgba(74,191,191,0.3)\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"160\" cy=\"290\" r=\"1.5\" fill=\"rgba(74,191,191,0.5)\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"187\" cy=\"290\" r=\"1.5\" fill=\"rgba(74,191,191,0.3)\"\u003e\u003c\/circle\u003e\n\n          \u003c!-- Volume text --\u003e\n          \u003ctext x=\"160\" y=\"305\" text-anchor=\"middle\" font-family=\"'Jost', sans-serif\" font-size=\"8\" font-weight=\"300\" fill=\"rgba(245,240,235,0.3)\" letter-spacing=\"1\"\u003e30 ML · 1 FL OZ\u003c\/text\u003e\n\n          \u003c!-- Bottom glow --\u003e\n          \u003cellipse cx=\"160\" cy=\"440\" rx=\"65\" ry=\"12\" fill=\"rgba(74,191,191,0.12)\"\u003e\u003c\/ellipse\u003e\n        \u003c\/svg\u003e\n\n        \u003c!-- Floating ingredient labels --\u003e\n        \u003cdiv class=\"float-label float-label-1\"\u003e\n          \u003cdiv class=\"float-label-name\"\u003eHydrolyzed Collagen\u003c\/div\u003e\n          \u003cdiv class=\"float-label-desc\"\u003eRebuilds dermal structure\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"float-label float-label-2\"\u003e\n          \u003cdiv class=\"float-label-name\"\u003eHyaluronic Acid\u003c\/div\u003e\n          \u003cdiv class=\"float-label-desc\"\u003e1,000× water retention\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"float-label float-label-3\"\u003e\n          \u003cdiv class=\"float-label-name\"\u003eVitamin C\u003c\/div\u003e\n          \u003cdiv class=\"float-label-desc\"\u003eCollagen synthesis cofactor\u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\u003c!-- \/product-visual --\u003e\n    \u003c\/div\u003e\n\u003c!-- \/hero-right --\u003e\n\n  \u003c\/section\u003e\u003c!-- \/hero --\u003e\n\n  \u003c!-- COUNTDOWN --\u003e\n  \u003cdiv class=\"countdown-strip fade-up fade-up-6\"\u003e\n    \u003cspan class=\"countdown-label\"\u003eLaunching in\u003c\/span\u003e\n    \u003cdiv class=\"countdown-units\"\u003e\n      \u003cdiv class=\"countdown-unit\"\u003e\n        \u003cspan class=\"countdown-number\" id=\"cd-days\"\u003e—\u003c\/span\u003e\n        \u003cspan class=\"countdown-unit-label\"\u003eDays\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"countdown-sep\"\u003e:\u003c\/span\u003e\n      \u003cdiv class=\"countdown-unit\"\u003e\n        \u003cspan class=\"countdown-number\" id=\"cd-hours\"\u003e—\u003c\/span\u003e\n        \u003cspan class=\"countdown-unit-label\"\u003eHours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"countdown-sep\"\u003e:\u003c\/span\u003e\n      \u003cdiv class=\"countdown-unit\"\u003e\n        \u003cspan class=\"countdown-number\" id=\"cd-mins\"\u003e—\u003c\/span\u003e\n        \u003cspan class=\"countdown-unit-label\"\u003eMinutes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"countdown-sep\"\u003e:\u003c\/span\u003e\n      \u003cdiv class=\"countdown-unit\"\u003e\n        \u003cspan class=\"countdown-number\" id=\"cd-secs\"\u003e—\u003c\/span\u003e\n        \u003cspan class=\"countdown-unit-label\"\u003eSeconds\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BENEFITS --\u003e\n  \u003csection class=\"bottom-section\"\u003e\n    \u003cdiv class=\"benefit-card fade-up fade-up-4\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"benefit-title\"\u003eWorks While You Sleep\u003c\/div\u003e\n      \u003cdiv class=\"benefit-desc\"\u003eCollagen peptides are absorbed and delivered to the dermis during your body's peak overnight repair window, working in sync with your natural biology.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-card fade-up fade-up-4\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"benefit-title\"\u003eBarrier Repair from Within\u003c\/div\u003e\n      \u003cdiv class=\"benefit-desc\"\u003eHyaluronic acid and collagen work at the dermal layer — where topical products can't reach — to restore the structural foundation of healthy, resilient skin.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-card fade-up fade-up-4\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"benefit-title\"\u003eThe Power of Three\u003c\/div\u003e\n      \u003cdiv class=\"benefit-desc\"\u003eHydrolyzed collagen, hyaluronic acid, and vitamin C are biologically interconnected. Together they create a synergy no single ingredient can achieve alone.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FOOTER --\u003e\n  \u003cfooter class=\"footer-bar\"\u003e\n    \u003cnav class=\"footer-links\"\u003e\n      \u003ca href=\"https:\/\/jeyanciebeauty.com\"\u003eShop Skincare\u003c\/a\u003e\n      \u003ca href=\"https:\/\/jeyanciebeauty.com\/blogs\/news\"\u003eBlog\u003c\/a\u003e\n      \u003ca href=\"https:\/\/jeyanciebeauty.com\/pages\/contact\"\u003eContact\u003c\/a\u003e\n    \u003c\/nav\u003e\n    \u003cspan class=\"footer-copy\"\u003e© 2026 JEYANCIE Beauty · All rights reserved\u003c\/span\u003e\n  \u003c\/footer\u003e\n\n\u003c\/div\u003e\n\u003c!-- \/page-wrap --\u003e\n\n\u003cscript\u003e\n\/\/ ── COUNTDOWN ──\nfunction updateCountdown() {\n  const launch = new Date('2026-10-05T00:00:00');\n  const now = new Date();\n  const diff = launch - now;\n\n  if (diff \u003c= 0) {\n    document.getElementById('cd-days').textContent = '0';\n    document.getElementById('cd-hours').textContent = '00';\n    document.getElementById('cd-mins').textContent = '00';\n    document.getElementById('cd-secs').textContent = '00';\n    return;\n  }\n\n  const days  = Math.floor(diff \/ (1000 * 60 * 60 * 24));\n  const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n  const mins  = Math.floor((diff % (1000 * 60 * 60)) \/ (1000 * 60));\n  const secs  = Math.floor((diff % (1000 * 60)) \/ 1000);\n\n  document.getElementById('cd-days').textContent  = days;\n  document.getElementById('cd-hours').textContent = String(hours).padStart(2,'0');\n  document.getElementById('cd-mins').textContent  = String(mins).padStart(2,'0');\n  document.getElementById('cd-secs').textContent  = String(secs).padStart(2,'0');\n}\nupdateCountdown();\nsetInterval(updateCountdown, 1000);\n\n\/\/ ── WAITLIST FORM ──\n\/\/ Replace the fetch() URL with your Klaviyo or Mailchimp list URL\nfunction handleSignup() {\n  const email = document.getElementById('email-input').value.trim();\n  const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n  if (!emailRegex.test(email)) {\n    document.getElementById('email-input').style.borderColor = 'rgba(255,120,100,0.6)';\n    document.getElementById('email-input').placeholder = 'Please enter a valid email';\n    setTimeout(() =\u003e {\n      document.getElementById('email-input').style.borderColor = 'rgba(74,191,191,0.25)';\n      document.getElementById('email-input').placeholder = 'Your email address';\n    }, 2000);\n    return;\n  }\n\n  \/\/ ── REPLACE THIS with your Klaviyo\/Mailchimp form submission ──\n  \/\/ Example Klaviyo: fetch('https:\/\/manage.kmail-lists.com\/subscriptions\/subscribe', {...})\n  \/\/ For now, simulate success:\n  document.getElementById('form-wrap').style.display = 'none';\n  document.getElementById('form-success').classList.add('visible');\n\n  \/\/ ── OPTIONAL: Also push to Shopify customer list ──\n  \/\/ fetch('\/contact', { method: 'POST', body: new FormData(form) })\n}\n\n\/\/ Allow Enter key on input\ndocument.getElementById('email-input').addEventListener('keydown', function(e) {\n  if (e.key === 'Enter') handleSignup();\n});\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"JEYANCIE Beauty","offers":[{"title":"Default Title","offer_id":54012656222483,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/jeyanciebeauty.com\/products\/impeccable-skin-collagen-elixir","provider":"JEYANCIE Beauty","version":"1.0","type":"link"}