{"product_id":"my-haven-premium","title":"My Haven Premium","description":"\u003cdiv id=\"HavenlyPremiumSales\"\u003e\n\n\u003cstyle\u003e\n\n\/* =========================================================\n   HAVENLY LIFE\n   MY HAVEN PREMIUM — SALES PAGE\n========================================================= *\/\n\n#HavenlyPremiumSales {\n\n  --hps-bg: #fbf8fc;\n  --hps-white: #fffdfd;\n\n  --hps-purple: #8f7098;\n  --hps-purple-dark: #5d4b63;\n  --hps-purple-soft: #eee3f2;\n\n  --hps-sage: #dfeadf;\n  --hps-sage-dark: #70826f;\n\n  --hps-blush: #f4dfe6;\n\n  --hps-gold: #c6a465;\n  --hps-gold-soft: #f4ead5;\n\n  --hps-text: #544859;\n  --hps-muted: #8f8291;\n\n  --hps-border: #eadfea;\n\n  --hps-shadow:\n    0 20px 60px rgba(74, 55, 80, .09);\n\n  width: 100%;\n\n  margin: 0;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fdfafd,\n      #ffffff\n    );\n\n  color: var(--hps-text);\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n\n#HavenlyPremiumSales *,\n#HavenlyPremiumSales *::before,\n#HavenlyPremiumSales *::after {\n  box-sizing: border-box;\n}\n\n\n#HavenlyPremiumSales a {\n  text-decoration: none;\n}\n\n\n#HavenlyPremiumSales button,\n#HavenlyPremiumSales a {\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    background .2s ease;\n}\n\n\n\/* =========================================================\n   SHARED\n========================================================= *\/\n\n.hps-wrap {\n\n  width: 100%;\n\n  max-width: 1450px;\n\n  margin: 0 auto;\n\n  padding:\n    0\n    34px;\n}\n\n\n.hps-eyebrow {\n\n  display: inline-flex;\n\n  margin-bottom: 12px;\n\n  font-size: 9px;\n\n  font-weight: 800;\n\n  letter-spacing: 2.2px;\n\n  text-transform: uppercase;\n\n  color:\n    var(--hps-purple);\n}\n\n\n.hps-section-heading {\n\n  max-width: 800px;\n\n  margin:\n    0\n    auto\n    35px;\n\n  text-align: center;\n}\n\n\n.hps-section-heading h2 {\n\n  margin:\n    0\n    0\n    12px;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(\n      34px,\n      4vw,\n      54px\n    );\n\n  font-weight: 500;\n\n  letter-spacing: -1.4px;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-section-heading h2 em {\n\n  color:\n    var(--hps-purple);\n\n  font-weight: 400;\n}\n\n\n.hps-section-heading p {\n\n  max-width: 700px;\n\n  margin:\n    0\n    auto;\n\n  font-size: 14px;\n\n  line-height: 1.8;\n\n  color:\n    var(--hps-muted);\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.hps-btn {\n\n  min-height: 48px;\n\n  padding:\n    0\n    22px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 7px;\n\n  border-radius: 999px;\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  letter-spacing: .2px;\n}\n\n\n.hps-btn:hover {\n\n  transform:\n    translateY(-2px);\n}\n\n\n.hps-btn-primary {\n\n  background:\n    var(--hps-purple);\n\n  color: #ffffff;\n\n  box-shadow:\n    0 10px 25px\n    rgba(98, 73, 106, .19);\n}\n\n\n.hps-btn-primary:hover {\n\n  background:\n    var(--hps-purple-dark);\n\n  color: #ffffff;\n}\n\n\n.hps-btn-light {\n\n  background:\n    rgba(255,255,255,.8);\n\n  border:\n    1px solid var(--hps-border);\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-btn-light:hover {\n\n  box-shadow:\n    0 10px 25px\n    rgba(74,55,80,.08);\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.hps-hero {\n\n  position: relative;\n\n  padding:\n    78px\n    0\n    65px;\n\n  background:\n    radial-gradient(\n      circle at 8% 5%,\n      rgba(223,234,223,.9),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 92% 4%,\n      rgba(238,227,242,.95),\n      transparent 30%\n    ),\n    linear-gradient(\n      180deg,\n      #fffdfd,\n      #faf7fb\n    );\n}\n\n\n.hps-hero::before {\n\n  content: \"✦\";\n\n  position: absolute;\n\n  left: 7%;\n\n  top: 16%;\n\n  color:\n    rgba(198,164,101,.45);\n\n  font-size: 18px;\n}\n\n\n.hps-hero::after {\n\n  content: \"✦\";\n\n  position: absolute;\n\n  right: 8%;\n\n  bottom: 15%;\n\n  color:\n    rgba(143,112,152,.25);\n\n  font-size: 30px;\n}\n\n\n.hps-hero-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(430px,.85fr);\n\n  gap: 55px;\n\n  align-items: center;\n}\n\n\n.hps-premium-badge {\n\n  display: inline-flex;\n\n  margin-bottom: 18px;\n\n  padding:\n    8px\n    13px;\n\n  border-radius: 999px;\n\n  background:\n    var(--hps-purple-dark);\n\n  color: #ffffff;\n\n  font-size: 9px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.8px;\n}\n\n\n.hps-hero h1 {\n\n  max-width: 770px;\n\n  margin:\n    0\n    0\n    20px;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(\n      48px,\n      6vw,\n      82px\n    );\n\n  font-weight: 500;\n\n  line-height: .98;\n\n  letter-spacing: -3px;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-hero h1 em {\n\n  color:\n    var(--hps-purple);\n\n  font-weight: 400;\n}\n\n\n.hps-hero-intro {\n\n  max-width: 690px;\n\n  margin:\n    0\n    0\n    25px;\n\n  font-size: 15px;\n\n  line-height: 1.85;\n\n  color:\n    var(--hps-muted);\n}\n\n\n.hps-hero-buttons {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 10px;\n\n  margin-bottom: 22px;\n}\n\n\n.hps-hero-note {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 8px;\n}\n\n\n.hps-hero-note span {\n\n  padding:\n    7px\n    10px;\n\n  border-radius: 999px;\n\n  background:\n    rgba(255,255,255,.72);\n\n  border:\n    1px solid var(--hps-border);\n\n  color:\n    var(--hps-muted);\n\n  font-size: 9px;\n}\n\n\n\/* =========================================================\n   DASHBOARD PREVIEW\n========================================================= *\/\n\n.hps-preview {\n\n  position: relative;\n\n  padding: 18px;\n\n  border:\n    1px solid var(--hps-border);\n\n  border-radius: 30px;\n\n  background:\n    rgba(255,255,255,.82);\n\n  box-shadow:\n    0 30px 70px rgba(72,54,78,.14);\n\n  transform:\n    rotate(1deg);\n}\n\n\n.hps-preview::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset:\n    -12px\n    12px\n    12px\n    -12px;\n\n  z-index: -1;\n\n  border-radius: 32px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #e6d8eb,\n      #e2ece1,\n      #f5ead8\n    );\n\n  opacity: .7;\n}\n\n\n.hps-preview-top {\n\n  padding:\n    21px\n    22px;\n\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #eee5f1,\n      #f8f4fa\n    );\n}\n\n\n.hps-preview-top small {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  font-size: 8px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.5px;\n\n  color:\n    var(--hps-purple);\n}\n\n\n.hps-preview-top h3 {\n\n  margin: 0;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 27px;\n\n  font-weight: 500;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-preview-stats {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 7px;\n\n  margin-top: 10px;\n}\n\n\n.hps-preview-stat {\n\n  padding: 12px 8px;\n\n  text-align: center;\n\n  border-radius: 13px;\n\n  background:\n    #ffffff;\n\n  border:\n    1px solid var(--hps-border);\n}\n\n\n.hps-preview-stat strong {\n\n  display: block;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 20px;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-preview-stat small {\n\n  font-size: 7px;\n\n  color:\n    var(--hps-muted);\n}\n\n\n.hps-preview-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    1.3fr\n    .7fr;\n\n  gap: 8px;\n\n  margin-top: 8px;\n}\n\n\n.hps-preview-card {\n\n  min-height: 105px;\n\n  padding: 15px;\n\n  border-radius: 16px;\n\n  background:\n    #ffffff;\n\n  border:\n    1px solid var(--hps-border);\n}\n\n\n.hps-preview-card small {\n\n  display: block;\n\n  margin-bottom: 6px;\n\n  font-size: 7px;\n\n  letter-spacing: 1.2px;\n\n  color:\n    var(--hps-purple);\n\n  font-weight: 800;\n}\n\n\n.hps-preview-card strong {\n\n  display: block;\n\n  margin-bottom: 7px;\n\n  font-family:\n    Georgia,\n    serif;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-preview-task {\n\n  display: flex;\n\n  gap: 6px;\n\n  margin-bottom: 5px;\n\n  font-size: 8px;\n\n  color:\n    var(--hps-muted);\n}\n\n\n.hps-preview-circle {\n\n  width: 11px;\n  height: 11px;\n\n  flex: 0 0 11px;\n\n  border:\n    1px solid var(--hps-purple-soft);\n\n  border-radius: 50%;\n}\n\n\n.hps-preview-money {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap: 5px;\n}\n\n\n.hps-preview-money span {\n\n  padding: 8px;\n\n  border-radius: 9px;\n\n  background:\n    #f8f3fa;\n\n  font-size: 7px;\n\n  color:\n    var(--hps-muted);\n}\n\n\n.hps-preview-money b {\n\n  display: block;\n\n  margin-top: 2px;\n\n  font-size: 12px;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n\/* =========================================================\n   INTRO STRIP\n========================================================= *\/\n\n.hps-intro-strip {\n\n  padding:\n    30px\n    0;\n\n  background:\n    var(--hps-purple-dark);\n}\n\n\n.hps-intro-inner {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 10px;\n}\n\n\n.hps-intro-item {\n\n  text-align: center;\n\n  color: #ffffff;\n}\n\n\n.hps-intro-item strong {\n\n  display: block;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n}\n\n\n.hps-intro-item small {\n\n  display: block;\n\n  margin-top: 4px;\n\n  font-size: 8px;\n\n  letter-spacing: 1px;\n\n  opacity: .65;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   DIFFERENCE\n========================================================= *\/\n\n.hps-difference {\n\n  padding:\n    85px\n    0;\n}\n\n\n.hps-difference-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 16px;\n}\n\n\n.hps-feature {\n\n  padding: 30px;\n\n  border:\n    1px solid var(--hps-border);\n\n  border-radius: 23px;\n\n  background:\n    var(--hps-white);\n\n  box-shadow:\n    0 12px 35px rgba(74,55,80,.05);\n}\n\n\n.hps-feature:nth-child(2),\n.hps-feature:nth-child(5) {\n\n  background:\n    #f4f8f3;\n}\n\n\n.hps-feature:nth-child(3),\n.hps-feature:nth-child(6) {\n\n  background:\n    #fcf7ef;\n}\n\n\n.hps-feature-icon {\n\n  width: 43px;\n  height: 43px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 17px;\n\n  border-radius: 50%;\n\n  background:\n    #f3eaf5;\n\n  color:\n    var(--hps-purple);\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 18px;\n}\n\n\n.hps-feature h3 {\n\n  margin:\n    0\n    0\n    8px;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 22px;\n\n  font-weight: 500;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-feature p {\n\n  margin: 0;\n\n  font-size: 11px;\n\n  line-height: 1.75;\n\n  color:\n    var(--hps-muted);\n}\n\n\n\/* =========================================================\n   LIFE HUB SECTION\n========================================================= *\/\n\n.hps-life {\n\n  padding:\n    80px\n    0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #faf7fb,\n      #ffffff\n    );\n}\n\n\n.hps-life-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(6,1fr);\n\n  gap: 10px;\n}\n\n\n.hps-life-card {\n\n  min-height: 160px;\n\n  padding: 21px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: flex-end;\n\n  border-radius: 19px;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-life-card span {\n\n  display: block;\n\n  margin-bottom: auto;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 20px;\n}\n\n\n.hps-life-card small {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  font-size: 7px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.2px;\n}\n\n\n.hps-life-card strong {\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 17px;\n\n  font-weight: 500;\n}\n\n\n.hps-life-planning {\n  background: #eee4f2;\n}\n\n\n.hps-life-home {\n  background: #e6efe4;\n}\n\n\n.hps-life-money {\n  background: #f7edda;\n}\n\n\n.hps-life-wellbeing {\n  background: #f6e5ea;\n}\n\n\n.hps-life-travel {\n  background: #e6f0f4;\n}\n\n\n.hps-life-pets {\n  background: #f0e9f3;\n}\n\n\n\/* =========================================================\n   FREE VS PREMIUM\n========================================================= *\/\n\n.hps-compare {\n\n  padding:\n    90px\n    0;\n}\n\n\n.hps-compare-wrap {\n\n  max-width: 1050px;\n\n  margin: auto;\n\n  overflow: hidden;\n\n  border:\n    1px solid var(--hps-border);\n\n  border-radius: 26px;\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    var(--hps-shadow);\n}\n\n\n.hps-compare-head,\n.hps-compare-row {\n\n  display: grid;\n\n  grid-template-columns:\n    1.3fr\n    .7fr\n    .7fr;\n\n  align-items: center;\n}\n\n\n.hps-compare-head {\n\n  background:\n    #f8f3fa;\n}\n\n\n.hps-compare-head \u003e div {\n\n  padding:\n    24px;\n}\n\n\n.hps-compare-head strong {\n\n  display: block;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 21px;\n\n  font-weight: 500;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-compare-head small {\n\n  color:\n    var(--hps-muted);\n\n  font-size: 8px;\n}\n\n\n.hps-premium-column {\n\n  background:\n    var(--hps-purple-dark);\n\n  color: #ffffff;\n}\n\n\n.hps-premium-column strong,\n.hps-premium-column small {\n\n  color: #ffffff;\n}\n\n\n.hps-compare-row {\n\n  border-top:\n    1px solid var(--hps-border);\n}\n\n\n.hps-compare-row \u003e div {\n\n  padding:\n    15px\n    24px;\n\n  font-size: 10px;\n}\n\n\n.hps-compare-feature {\n\n  font-weight: 700;\n\n  color:\n    var(--hps-text);\n}\n\n\n.hps-check {\n\n  text-align: center;\n\n  color:\n    var(--hps-purple);\n\n  font-weight: 800;\n}\n\n\n.hps-no {\n\n  text-align: center;\n\n  color:\n    #b8adb9;\n}\n\n\n.hps-premium-check {\n\n  text-align: center;\n\n  color:\n    var(--hps-gold);\n\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   CUSTOMISATION\n========================================================= *\/\n\n.hps-customise {\n\n  padding:\n    80px\n    0;\n\n  background:\n    #f8f5fa;\n}\n\n\n.hps-customise-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    .85fr\n    1.15fr;\n\n  gap: 50px;\n\n  align-items: center;\n}\n\n\n.hps-customise-copy h2 {\n\n  margin:\n    0\n    0\n    15px;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(\n      34px,\n      4vw,\n      53px\n    );\n\n  line-height: 1.05;\n\n  font-weight: 500;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-customise-copy p {\n\n  margin:\n    0\n    0\n    20px;\n\n  font-size: 13px;\n\n  line-height: 1.8;\n\n  color:\n    var(--hps-muted);\n}\n\n\n.hps-customise-list {\n\n  display: grid;\n\n  gap: 8px;\n}\n\n\n.hps-customise-list span {\n\n  font-size: 11px;\n\n  color:\n    var(--hps-text);\n}\n\n\n.hps-theme-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap: 12px;\n}\n\n\n.hps-theme {\n\n  min-height: 145px;\n\n  padding: 21px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: flex-end;\n\n  border-radius: 19px;\n\n  box-shadow:\n    0 12px 30px rgba(75,57,80,.06);\n}\n\n\n.hps-theme strong {\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 18px;\n\n  font-weight: 500;\n}\n\n\n.hps-theme small {\n\n  margin-top: 3px;\n\n  font-size: 8px;\n}\n\n\n.hps-theme-classic {\n\n  background:\n    linear-gradient(\n      135deg,\n      #e5d7eb,\n      #f7f0fa\n    );\n\n  color:\n    #65516b;\n}\n\n\n.hps-theme-sage {\n\n  background:\n    linear-gradient(\n      135deg,\n      #dce9da,\n      #f2f7f1\n    );\n\n  color:\n    #5f725e;\n}\n\n\n.hps-theme-blush {\n\n  background:\n    linear-gradient(\n      135deg,\n      #f1d9e1,\n      #fcf1f4\n    );\n\n  color:\n    #8d6570;\n}\n\n\n.hps-theme-gold {\n\n  background:\n    linear-gradient(\n      135deg,\n      #f0e2c3,\n      #faf5e9\n    );\n\n  color:\n    #79613a;\n}\n\n\n\/* =========================================================\n   HOW IT WORKS\n========================================================= *\/\n\n.hps-how {\n\n  padding:\n    90px\n    0;\n}\n\n\n.hps-steps {\n\n  max-width: 1100px;\n\n  margin: auto;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 16px;\n}\n\n\n.hps-step {\n\n  position: relative;\n\n  padding: 35px;\n\n  text-align: center;\n\n  border:\n    1px solid var(--hps-border);\n\n  border-radius: 23px;\n\n  background:\n    #ffffff;\n}\n\n\n.hps-step-number {\n\n  width: 44px;\n  height: 44px;\n\n  margin:\n    0\n    auto\n    16px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    var(--hps-purple-dark);\n\n  color: #ffffff;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 18px;\n}\n\n\n.hps-step h3 {\n\n  margin:\n    0\n    0\n    8px;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 21px;\n\n  font-weight: 500;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-step p {\n\n  margin: 0;\n\n  font-size: 10px;\n\n  line-height: 1.7;\n\n  color:\n    var(--hps-muted);\n}\n\n\n\/* =========================================================\n   PURCHASE CTA\n========================================================= *\/\n\n.hps-purchase {\n\n  padding:\n    20px\n    0\n    90px;\n}\n\n\n.hps-purchase-card {\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding:\n    55px;\n\n  display: grid;\n\n  grid-template-columns:\n    1fr\n    auto;\n\n  align-items: center;\n\n  gap: 35px;\n\n  border-radius: 32px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #5f4c65,\n      #79617f\n    );\n\n  color: #ffffff;\n\n  box-shadow:\n    0 25px 70px\n    rgba(66,48,71,.2);\n}\n\n\n.hps-purchase-card::after {\n\n  content: \"✦\";\n\n  position: absolute;\n\n  right: 4%;\n\n  top: 12%;\n\n  font-size: 75px;\n\n  color:\n    rgba(255,255,255,.06);\n}\n\n\n.hps-purchase-card small {\n\n  display: block;\n\n  margin-bottom: 7px;\n\n  font-size: 8px;\n\n  letter-spacing: 1.8px;\n\n  font-weight: 800;\n\n  opacity: .65;\n}\n\n\n.hps-purchase-card h2 {\n\n  margin:\n    0\n    0\n    10px;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(\n      32px,\n      4vw,\n      50px\n    );\n\n  font-weight: 400;\n\n  color: #ffffff;\n}\n\n\n.hps-purchase-card p {\n\n  max-width: 680px;\n\n  margin: 0;\n\n  font-size: 12px;\n\n  line-height: 1.8;\n\n  color:\n    rgba(255,255,255,.72);\n}\n\n\n.hps-purchase-actions {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 8px;\n\n  min-width: 210px;\n}\n\n\n.hps-purchase-actions\n.hps-btn-primary {\n\n  background: #ffffff;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-purchase-actions\n.hps-btn-light {\n\n  border-color:\n    rgba(255,255,255,.2);\n\n  background:\n    rgba(255,255,255,.08);\n\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n.hps-faq {\n\n  padding:\n    0\n    0\n    90px;\n}\n\n\n.hps-faq-list {\n\n  max-width: 900px;\n\n  margin: auto;\n\n  display: grid;\n\n  gap: 9px;\n}\n\n\n.hps-faq-item {\n\n  overflow: hidden;\n\n  border:\n    1px solid var(--hps-border);\n\n  border-radius: 16px;\n\n  background:\n    #ffffff;\n}\n\n\n.hps-faq-question {\n\n  width: 100%;\n\n  padding: 18px 20px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 20px;\n\n  border: 0;\n\n  background: transparent;\n\n  text-align: left;\n\n  color:\n    var(--hps-purple-dark);\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  cursor: pointer;\n}\n\n\n.hps-faq-question span:last-child {\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  color:\n    var(--hps-purple);\n}\n\n\n.hps-faq-answer {\n\n  display: none;\n\n  padding:\n    0\n    20px\n    19px;\n\n  font-size: 10px;\n\n  line-height: 1.75;\n\n  color:\n    var(--hps-muted);\n}\n\n\n.hps-faq-item.open\n.hps-faq-answer {\n\n  display: block;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.hps-final {\n\n  padding:\n    70px\n    0;\n\n  text-align: center;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f2e9f5,\n      #f2f6f1,\n      #fbf4e8\n    );\n}\n\n\n.hps-final h2 {\n\n  margin:\n    0\n    0\n    12px;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(\n      34px,\n      4vw,\n      52px\n    );\n\n  font-weight: 500;\n\n  color:\n    var(--hps-purple-dark);\n}\n\n\n.hps-final p {\n\n  max-width: 650px;\n\n  margin:\n    0\n    auto\n    22px;\n\n  font-size: 12px;\n\n  line-height: 1.8;\n\n  color:\n    var(--hps-muted);\n}\n\n\n.hps-final-buttons {\n\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 9px;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .hps-hero-grid {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .hps-preview {\n\n    max-width: 650px;\n\n    margin: auto;\n  }\n\n\n  .hps-life-grid {\n\n    grid-template-columns:\n      repeat(3,1fr);\n  }\n\n\n  .hps-customise-grid {\n\n    grid-template-columns:\n      1fr;\n  }\n\n}\n\n\n@media (max-width: 760px) {\n\n  .hps-wrap {\n\n    padding:\n      0\n      15px;\n  }\n\n\n  .hps-hero {\n\n    padding:\n      45px\n      0;\n  }\n\n\n  .hps-hero h1 {\n\n    letter-spacing: -2px;\n  }\n\n\n  .hps-preview {\n\n    transform: none;\n  }\n\n\n  .hps-preview-stats {\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .hps-preview-grid {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .hps-intro-inner {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n    gap: 25px;\n  }\n\n\n  .hps-difference {\n\n    padding:\n      65px\n      0;\n  }\n\n\n  .hps-difference-grid {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .hps-life {\n\n    padding:\n      65px\n      0;\n  }\n\n\n  .hps-life-grid {\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .hps-compare {\n\n    padding:\n      65px\n      0;\n\n    overflow-x: auto;\n  }\n\n\n  .hps-compare-wrap {\n\n    min-width: 680px;\n  }\n\n\n  .hps-compare-row \u003e div,\n  .hps-compare-head \u003e div {\n\n    padding:\n      13px\n      15px;\n  }\n\n\n  .hps-customise {\n\n    padding:\n      65px\n      0;\n  }\n\n\n  .hps-theme-grid {\n\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  .hps-how {\n\n    padding:\n      65px\n      0;\n  }\n\n\n  .hps-steps {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .hps-purchase-card {\n\n    padding: 35px;\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .hps-purchase-actions {\n\n    width: 100%;\n  }\n\n}\n\n\n@media (max-width: 450px) {\n\n  .hps-theme-grid,\n  .hps-life-grid {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .hps-hero-buttons,\n  .hps-final-buttons {\n\n    flex-direction: column;\n  }\n\n\n  .hps-btn {\n\n    width: 100%;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003c!-- =====================================================\n     HERO\n====================================================== --\u003e\n\n\u003csection class=\"hps-hero\"\u003e\n\n  \u003cdiv class=\"hps-wrap\"\u003e\n\n    \u003cdiv class=\"hps-hero-grid\"\u003e\n\n\n      \u003cdiv class=\"hps-hero-copy\"\u003e\n\n        \u003cspan class=\"hps-premium-badge\"\u003e\n          ✦ MY HAVEN PREMIUM\n        \u003c\/span\u003e\n\n        \u003ch1\u003e\n          Run your life from\n          \u003cem\u003eone beautiful place.\u003c\/em\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"hps-hero-intro\"\u003e\n          My Haven Premium brings the important parts of your life together\n          into one personal, interactive dashboard — so your plans, tasks,\n          money, home, goals, routines and reminders finally feel connected.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"hps-hero-buttons\"\u003e\n\n          \u003ca href=\"\/products\/my-haven-premium\" class=\"hps-btn hps-btn-primary\"\u003e\n            ✦ Unlock My Haven Premium\n          \u003c\/a\u003e\n\n          \u003ca href=\"\/pages\/my-haven\" class=\"hps-btn hps-btn-light\"\u003e\n            Explore Free My Haven\n          \u003c\/a\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hps-hero-note\"\u003e\n\n          \u003cspan\u003e✓ Interactive dashboard\u003c\/span\u003e\n\n          \u003cspan\u003e♡ Personalised to you\u003c\/span\u003e\n\n          \u003cspan\u003e✦ Premium-only features\u003c\/span\u003e\n\n          \u003cspan\u003e✓ Saves automatically\u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- DASHBOARD PREVIEW --\u003e\n\n      \u003cdiv class=\"hps-preview\"\u003e\n\n        \u003cdiv class=\"hps-preview-top\"\u003e\n\n          \u003csmall\u003e\n            ✦ MY HAVEN PREMIUM\n          \u003c\/small\u003e\n\n          \u003ch3\u003e\n            Good morning, lovely ♡\n          \u003c\/h3\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hps-preview-stats\"\u003e\n\n          \u003cdiv class=\"hps-preview-stat\"\u003e\n            \u003cstrong\u003e5\u003c\/strong\u003e\n            \u003csmall\u003eTasks\u003c\/small\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hps-preview-stat\"\u003e\n            \u003cstrong\u003e3\u003c\/strong\u003e\n            \u003csmall\u003eDates\u003c\/small\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hps-preview-stat\"\u003e\n            \u003cstrong\u003e4\u003c\/strong\u003e\n            \u003csmall\u003eGoals\u003c\/small\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hps-preview-stat\"\u003e\n            \u003cstrong\u003e75%\u003c\/strong\u003e\n            \u003csmall\u003eHabits\u003c\/small\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hps-preview-grid\"\u003e\n\n\n          \u003cdiv class=\"hps-preview-card\"\u003e\n\n            \u003csmall\u003e\n              YOUR DAY\n            \u003c\/small\u003e\n\n            \u003cstrong\u003e\n              Today's Plan\n            \u003c\/strong\u003e\n\n            \u003cdiv class=\"hps-preview-task\"\u003e\n              \u003cspan class=\"hps-preview-circle\"\u003e\u003c\/span\u003e\n              Pay electricity bill\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hps-preview-task\"\u003e\n              \u003cspan class=\"hps-preview-circle\"\u003e\u003c\/span\u003e\n              Weekly meal plan\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hps-preview-task\"\u003e\n              \u003cspan class=\"hps-preview-circle\"\u003e\u003c\/span\u003e\n              10-minute home reset\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hps-preview-card\"\u003e\n\n            \u003csmall\u003e\n              COMING UP\n            \u003c\/small\u003e\n\n            \u003cstrong\u003e\n              This Week\n            \u003c\/strong\u003e\n\n            \u003cdiv class=\"hps-preview-task\"\u003e\n              12 Sep — Bill\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hps-preview-task\"\u003e\n              18 Sep — Reminder\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hps-preview-task\"\u003e\n              21 Sep — Birthday\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hps-preview-card\"\u003e\n\n            \u003csmall\u003e\n              MONEY SNAPSHOT\n            \u003c\/small\u003e\n\n            \u003cstrong\u003e\n              My Money\n            \u003c\/strong\u003e\n\n            \u003cdiv class=\"hps-preview-money\"\u003e\n\n              \u003cspan\u003e\n                Budget\n                \u003cb\u003e£1,800\u003c\/b\u003e\n              \u003c\/span\u003e\n\n              \u003cspan\u003e\n                Remaining\n                \u003cb\u003e£350\u003c\/b\u003e\n              \u003c\/span\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hps-preview-card\"\u003e\n\n            \u003csmall\u003e\n              MY GOALS\n            \u003c\/small\u003e\n\n            \u003cstrong\u003e\n              Keep Going ✦\n            \u003c\/strong\u003e\n\n            \u003cdiv class=\"hps-preview-task\"\u003e\n              Savings Goal — 72%\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hps-preview-task\"\u003e\n              Declutter — 45%\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     MINI BENEFITS\n====================================================== --\u003e\n\n\u003csection class=\"hps-intro-strip\"\u003e\n\n  \u003cdiv class=\"hps-wrap\"\u003e\n\n    \u003cdiv class=\"hps-intro-inner\"\u003e\n\n      \u003cdiv class=\"hps-intro-item\"\u003e\n        \u003cstrong\u003eOne Haven\u003c\/strong\u003e\n        \u003csmall\u003eYour life together\u003c\/small\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hps-intro-item\"\u003e\n        \u003cstrong\u003eYour Way\u003c\/strong\u003e\n        \u003csmall\u003eCustomisable dashboard\u003c\/small\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hps-intro-item\"\u003e\n        \u003cstrong\u003eInteractive\u003c\/strong\u003e\n        \u003csmall\u003eNot just another printable\u003c\/small\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hps-intro-item\"\u003e\n        \u003cstrong\u003eBeautifully Simple\u003c\/strong\u003e\n        \u003csmall\u003eLess mental clutter\u003c\/small\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     WHAT MAKES PREMIUM DIFFERENT\n====================================================== --\u003e\n\n\u003csection class=\"hps-difference\"\u003e\n\n  \u003cdiv class=\"hps-wrap\"\u003e\n\n\n    \u003cdiv class=\"hps-section-heading\"\u003e\n\n      \u003cspan class=\"hps-eyebrow\"\u003e\n        ✦ MORE THAN A DASHBOARD\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Your personal\n        \u003cem\u003elife headquarters.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Free My Haven gives you a beautiful place to access Havenly Life.\n        Premium goes further — helping you actually manage the pieces of\n        everyday life from one central dashboard.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"hps-difference-grid\"\u003e\n\n\n      \u003carticle class=\"hps-feature\"\u003e\n\n        \u003cspan class=\"hps-feature-icon\"\u003e\n          ✓\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Master To-Do List\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Bring tasks from home, money, planning, travel and everyday life\n          together instead of keeping everything in separate places.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hps-feature\"\u003e\n\n        \u003cspan class=\"hps-feature-icon\"\u003e\n          ✦\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Your Day\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          See what needs your attention today, what's coming up and what can\n          wait — without digging through multiple planners.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hps-feature\"\u003e\n\n        \u003cspan class=\"hps-feature-icon\"\u003e\n          £\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Money Snapshot\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep your monthly budget, spending, savings and next bill visible\n          while the full Money Suite handles the deeper planning.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hps-feature\"\u003e\n\n        \u003cspan class=\"hps-feature-icon\"\u003e\n          ♡\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Goals \u0026amp; Habits\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Track progress, build everyday habits and keep your bigger goals\n          visible enough to actually remember them.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hps-feature\"\u003e\n\n        \u003cspan class=\"hps-feature-icon\"\u003e\n          ⌂\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Home Snapshot\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Create today's reset, keep little household jobs visible and jump\n          straight into Home Haven when you need the full tools.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hps-feature\"\u003e\n\n        \u003cspan class=\"hps-feature-icon\"\u003e\n          +\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Quick Capture\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Add tasks, notes, dates and goals the second they pop into your\n          head — without deciding which planner they belong in first.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     ROOMS\n====================================================== --\u003e\n\n\u003csection class=\"hps-life\"\u003e\n\n  \u003cdiv class=\"hps-wrap\"\u003e\n\n\n    \u003cdiv class=\"hps-section-heading\"\u003e\n\n      \u003cspan class=\"hps-eyebrow\"\u003e\n        ✦ EVERYTHING CONNECTED\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        One dashboard.\n        \u003cem\u003eYour whole Haven.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Premium doesn't replace your Havenly Life rooms. It brings the\n        important pieces together and helps you jump straight to the full\n        tool when you need more.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"hps-life-grid\"\u003e\n\n      \u003cdiv class=\"hps-life-card hps-life-planning\"\u003e\n        \u003cspan\u003e✦\u003c\/span\u003e\n        \u003csmall\u003ePLANNING\u003c\/small\u003e\n        \u003cstrong\u003ePlanning Studio\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hps-life-card hps-life-home\"\u003e\n        \u003cspan\u003e⌂\u003c\/span\u003e\n        \u003csmall\u003eHOME\u003c\/small\u003e\n        \u003cstrong\u003eHome Haven\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hps-life-card hps-life-money\"\u003e\n        \u003cspan\u003e£\u003c\/span\u003e\n        \u003csmall\u003eMONEY\u003c\/small\u003e\n        \u003cstrong\u003eMoney Suite\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hps-life-card hps-life-wellbeing\"\u003e\n        \u003cspan\u003e♡\u003c\/span\u003e\n        \u003csmall\u003eWELLBEING\u003c\/small\u003e\n        \u003cstrong\u003eWellbeing\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hps-life-card hps-life-travel\"\u003e\n        \u003cspan\u003e✈\u003c\/span\u003e\n        \u003csmall\u003eTRAVEL\u003c\/small\u003e\n        \u003cstrong\u003eTravel\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hps-life-card hps-life-pets\"\u003e\n        \u003cspan\u003e♡\u003c\/span\u003e\n        \u003csmall\u003ePETS\u003c\/small\u003e\n        \u003cstrong\u003ePets\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     FREE VS PREMIUM\n====================================================== --\u003e\n\n\u003csection class=\"hps-compare\"\u003e\n\n  \u003cdiv class=\"hps-wrap\"\u003e\n\n\n    \u003cdiv class=\"hps-section-heading\"\u003e\n\n      \u003cspan class=\"hps-eyebrow\"\u003e\n        FREE OR PREMIUM?\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Choose the Haven that\n        \u003cem\u003eworks for you.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"hps-compare-wrap\"\u003e\n\n\n      \u003cdiv class=\"hps-compare-head\"\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003eWhat's included?\u003c\/strong\u003e\n          \u003csmall\u003eCompare your My Haven options\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003eFree\u003c\/strong\u003e\n          \u003csmall\u003eMy Haven\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hps-premium-column\"\u003e\n          \u003cstrong\u003ePremium ✦\u003c\/strong\u003e\n          \u003csmall\u003eMy Haven Premium\u003c\/small\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Personal Haven dashboard\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-check\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✓\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Havenly Life quick links\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-check\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✓\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Favourite resources\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-check\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✓\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Personal notes\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-check\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✓\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Master life to-do list\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✦\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Today + upcoming overview\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✦\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Money snapshot\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✦\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Home reset dashboard\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✦\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Goals \u0026amp; progress tracking\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✦\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Habit tracking\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✦\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Personal routines\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✦\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Quick Capture\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✦\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Dashboard themes\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✦\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-compare-row\"\u003e\n        \u003cdiv class=\"hps-compare-feature\"\u003e\n          Hide and customise dashboard areas\n        \u003c\/div\u003e\n        \u003cdiv class=\"hps-no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hps-premium-check\"\u003e✦\u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     CUSTOMISE\n====================================================== --\u003e\n\n\u003csection class=\"hps-customise\"\u003e\n\n  \u003cdiv class=\"hps-wrap\"\u003e\n\n    \u003cdiv class=\"hps-customise-grid\"\u003e\n\n\n      \u003cdiv class=\"hps-customise-copy\"\u003e\n\n        \u003cspan class=\"hps-eyebrow\"\u003e\n          ✦ MAKE IT YOURS\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          Your Haven shouldn't look exactly like everyone else's.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Premium lets you personalise your dashboard around your life.\n          Choose your name, change the overall mood and hide sections you\n          don't use.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"hps-customise-list\"\u003e\n\n          \u003cspan\u003e\n            ✓ Personalised welcome\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            ✓ Choose your dashboard colour theme\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            ✓ Hide sections that aren't relevant\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            ✓ Keep the things you use most front and centre\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-theme-grid\"\u003e\n\n        \u003cdiv class=\"hps-theme hps-theme-classic\"\u003e\n          \u003cstrong\u003eHavenly Classic\u003c\/strong\u003e\n          \u003csmall\u003eSoft lavender \u0026amp; cream\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hps-theme hps-theme-sage\"\u003e\n          \u003cstrong\u003eSage Haven\u003c\/strong\u003e\n          \u003csmall\u003eCalm green \u0026amp; ivory\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hps-theme hps-theme-blush\"\u003e\n          \u003cstrong\u003eBlush Haven\u003c\/strong\u003e\n          \u003csmall\u003eSoft pink \u0026amp; warm white\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hps-theme hps-theme-gold\"\u003e\n          \u003cstrong\u003eGolden Hour\u003c\/strong\u003e\n          \u003csmall\u003eCream \u0026amp; warm gold\u003c\/small\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     HOW IT WORKS\n====================================================== --\u003e\n\n\u003csection class=\"hps-how\"\u003e\n\n  \u003cdiv class=\"hps-wrap\"\u003e\n\n\n    \u003cdiv class=\"hps-section-heading\"\u003e\n\n      \u003cspan class=\"hps-eyebrow\"\u003e\n        GETTING STARTED\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        From purchase to\n        \u003cem\u003eyour Haven.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"hps-steps\"\u003e\n\n\n      \u003carticle class=\"hps-step\"\u003e\n\n        \u003cspan class=\"hps-step-number\"\u003e\n          1\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Unlock Premium\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Purchase access to My Haven Premium through the Havenly Life shop.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hps-step\"\u003e\n\n        \u003cspan class=\"hps-step-number\"\u003e\n          2\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Access Your Dashboard\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Your Premium dashboard is kept separate from the public website\n          and is available to customers with access.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hps-step\"\u003e\n\n        \u003cspan class=\"hps-step-number\"\u003e\n          3\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Make It Yours\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Add your tasks, dates, goals, habits, home reset and money\n          information and customise your Haven around your life.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     MAIN PURCHASE CTA\n====================================================== --\u003e\n\n\u003csection class=\"hps-purchase\"\u003e\n\n  \u003cdiv class=\"hps-wrap\"\u003e\n\n    \u003cdiv class=\"hps-purchase-card\"\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003csmall\u003e\n          ✦ MY HAVEN PREMIUM\n        \u003c\/small\u003e\n\n        \u003ch2\u003e\n          Ready for a Haven that's truly yours?\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Bring the scattered pieces of everyday life together and create\n          one beautiful place you can return to whenever life feels busy.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-purchase-actions\"\u003e\n\n        \u003ca href=\"\/products\/my-haven-premium\" class=\"hps-btn hps-btn-primary\"\u003e\n          Unlock Premium ✦\n        \u003c\/a\u003e\n\n        \u003ca href=\"\/pages\/my-haven\" class=\"hps-btn hps-btn-light\"\u003e\n          Stay with Free\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     FAQ\n====================================================== --\u003e\n\n\u003csection class=\"hps-faq\"\u003e\n\n  \u003cdiv class=\"hps-wrap\"\u003e\n\n\n    \u003cdiv class=\"hps-section-heading\"\u003e\n\n      \u003cspan class=\"hps-eyebrow\"\u003e\n        QUESTIONS?\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        My Haven Premium\n        \u003cem\u003eFAQ\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"hps-faq-list\"\u003e\n\n\n      \u003cdiv class=\"hps-faq-item\"\u003e\n\n        \u003cbutton type=\"button\" class=\"hps-faq-question\"\u003e\n\n          \u003cspan\u003e\n            What's the difference between Free My Haven and Premium?\n          \u003c\/span\u003e\n\n          \u003cspan\u003e+\u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"hps-faq-answer\"\u003e\n          Free My Haven is your personal starting point for Havenly Life,\n          with useful links, favourites and simple personal areas. Premium\n          turns My Haven into a much more complete interactive life dashboard\n          with tasks, upcoming dates, money and home snapshots, goals, habits,\n          routines, Quick Capture and dashboard customisation.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-faq-item\"\u003e\n\n        \u003cbutton type=\"button\" class=\"hps-faq-question\"\u003e\n\n          \u003cspan\u003e\n            Does Premium replace the Planning Studio or other Havenly rooms?\n          \u003c\/span\u003e\n\n          \u003cspan\u003e+\u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"hps-faq-answer\"\u003e\n          No. My Haven Premium is designed to bring important information\n          together without duplicating all of the tools throughout Havenly\n          Life. When you need more detail, you can jump straight into the\n          relevant room or full interactive tool.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-faq-item\"\u003e\n\n        \u003cbutton type=\"button\" class=\"hps-faq-question\"\u003e\n\n          \u003cspan\u003e\n            Does my dashboard save what I enter?\n          \u003c\/span\u003e\n\n          \u003cspan\u003e+\u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"hps-faq-answer\"\u003e\n          The current version saves dashboard information automatically on\n          the device and browser you are using. Clearing browser storage or\n          switching to another device may mean that information is not\n          available there.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-faq-item\"\u003e\n\n        \u003cbutton type=\"button\" class=\"hps-faq-question\"\u003e\n\n          \u003cspan\u003e\n            Can I change how my Premium dashboard looks?\n          \u003c\/span\u003e\n\n          \u003cspan\u003e+\u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"hps-faq-answer\"\u003e\n          Yes. Premium includes dashboard themes and the option to hide\n          sections you don't need, so your My Haven can better reflect how\n          you actually use Havenly Life.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-faq-item\"\u003e\n\n        \u003cbutton type=\"button\" class=\"hps-faq-question\"\u003e\n\n          \u003cspan\u003e\n            Do I need My Haven Premium to use Havenly Life?\n          \u003c\/span\u003e\n\n          \u003cspan\u003e+\u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"hps-faq-answer\"\u003e\n          Not at all. Havenly Life still has free pages and tools to explore.\n          Premium is simply there for people who want a much more connected,\n          personal dashboard experience.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hps-faq-item\"\u003e\n\n        \u003cbutton type=\"button\" class=\"hps-faq-question\"\u003e\n\n          \u003cspan\u003e\n            Where do I access Premium after purchasing?\n          \u003c\/span\u003e\n\n          \u003cspan\u003e+\u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"hps-faq-answer\"\u003e\n          Premium access will be connected to the protected My Haven Premium\n          area. Full access instructions can be shown after purchase and\n          inside your Havenly Life account area.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     FINAL CTA\n====================================================== --\u003e\n\n\u003csection class=\"hps-final\"\u003e\n\n  \u003cdiv class=\"hps-wrap\"\u003e\n\n    \u003cspan class=\"hps-eyebrow\"\u003e\n      ✦ YOUR LIFE • BEAUTIFULLY ORGANISED ✦\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Welcome to your next level of Havenly Life.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Less jumping between lists. Less trying to remember everything.\n      More clarity, more calm and one beautiful place to come back to.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"hps-final-buttons\"\u003e\n\n      \u003ca href=\"\/products\/my-haven-premium\" class=\"hps-btn hps-btn-primary\"\u003e\n        Unlock My Haven Premium ✦\n      \u003c\/a\u003e\n\n      \u003ca href=\"\/pages\/my-haven\" class=\"hps-btn hps-btn-light\"\u003e\n        Visit Free My Haven\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n\n\/* =========================================================\n   FAQ ACCORDION\n========================================================= *\/\n\n(function () {\n\n  var questions =\n    document.querySelectorAll(\n      '#HavenlyPremiumSales .hps-faq-question'\n    );\n\n\n  questions.forEach(\n    function(question) {\n\n      question.addEventListener(\n        'click',\n        function() {\n\n          var item =\n            this.closest(\n              '.hps-faq-item'\n            );\n\n\n          var icon =\n            this.querySelector(\n              'span:last-child'\n            );\n\n\n          var isOpen =\n            item.classList.contains(\n              'open'\n            );\n\n\n          document\n            .querySelectorAll(\n              '#HavenlyPremiumSales .hps-faq-item'\n            )\n            .forEach(\n              function(otherItem) {\n\n                otherItem\n                  .classList\n                  .remove(\n                    'open'\n                  );\n\n\n                var otherIcon =\n                  otherItem\n                    .querySelector(\n                      '.hps-faq-question span:last-child'\n                    );\n\n\n                if (otherIcon) {\n\n                  otherIcon\n                    .textContent =\n                    '+';\n\n                }\n\n              }\n            );\n\n\n          if (!isOpen) {\n\n            item\n              .classList\n              .add(\n                'open'\n              );\n\n\n            icon\n              .textContent =\n              '−';\n\n          }\n\n        }\n      );\n\n    }\n  );\n\n})();\n\n\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Havenly Life","offers":[{"title":"Default Title","offer_id":54923681923415,"sku":null,"price":12.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1033\/7684\/7191\/files\/04ed8952-aafc-4ee4-89bc-4e1004e9b9cb.png?v=1788788053","url":"https:\/\/havenlylife.co.uk\/products\/my-haven-premium","provider":"Havenly Life","version":"1.0","type":"link"}