<p><link href="https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&amp;display=swap" rel="stylesheet"></p><style>
  * { margin: 0; padding: 0; box-sizing: border-box; }
 
  body {
    background: #EFECE4;
    font-family: 'Figtree', Arial, sans-serif;
    min-height: 100vh;
    padding: 48px 24px;
  }
 
  .page {
    max-width: 860px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
  }
 
  /* Header */
  .header {
    background: #5E7433;
    padding: 52px 56px 44px;
    position: relative;
    overflow: hidden;
  }
  .header::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 240px; height: 240px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
  }
  .header::after {
    content: '';
    position: absolute;
    bottom: -40px; left: 20%;
    width: 160px; height: 160px;
    border-radius: 50%;
    background: rgba(255,255,255,0.04);
  }
  .brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
  }
  .smile-icon {
    width: 44px; height: 44px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    display: flex; align-items: center; justify-content: center;
  }
  .brand-name {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.3px;
  }
  .header h1 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1px;
    margin-bottom: 14px;
    max-width: 520px;
  }
  .header p {
    color: rgba(255,255,255,0.78);
    font-size: 15px;
    line-height: 1.65;
    max-width: 500px;
  }
 
  /* Options strip */
  .options-strip {
    background: #30401B;
    padding: 20px 56px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .opt-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 20px;
  }
  .opt-item + .opt-item {
    padding-left: 20px;
    border-left: 1px solid rgba(255,255,255,0.12);
  }
  .opt-item:last-child { padding-right: 0; }
  .opt-icon { font-size: 20px; flex-shrink: 0; }
  .opt-title {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
  }
  .opt-sub {
    font-size: 11px;
    color: rgba(255,255,255,0.55);
    margin-top: 1px;
  }
 
  /* Body */
  .body { padding: 40px 56px 52px; }
 
  .section-title {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #7E755D;
    margin-bottom: 16px;
  }
 
  /* Before you go — adjust options */
  .adjust-section {
    background: #eaf3de;
    border: 1px solid #c0dd97;
    border-radius: 18px;
    padding: 26px 28px;
    margin-bottom: 32px;
  }
  .adjust-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
  }
  .adjust-icon {
    font-size: 26px;
    line-height: 1;
  }
  .adjust-header h2 {
    font-size: 17px;
    font-weight: 700;
    color: #2a5a06;
  }
  .adjust-header p {
    font-size: 13px;
    color: #3a6010;
    margin-top: 2px;
  }
  .adjust-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .adjust-card {
    background: #ffffff;
    border: 1px solid #c0dd97;
    border-radius: 12px;
    padding: 16px 16px;
    text-align: center;
  }
  .adj-icon {
    font-size: 22px;
    margin-bottom: 8px;
    line-height: 1;
  }
  .adj-title {
    font-size: 13px;
    font-weight: 700;
    color: #2a5a06;
    margin-bottom: 4px;
  }
  .adj-desc {
    font-size: 11.5px;
    color: #4a7820;
    line-height: 1.5;
  }
 
  .divider {
    border: none;
    border-top: 1px solid #e8e4dc;
    margin: 32px 0;
  }
 
  /* Cancellation steps */
  .steps-section { margin-bottom: 32px; }
  .steps-flow {
    display: flex;
    gap: 0;
  }
  .step {
    flex: 1;
    background: #EFECE4;
    padding: 20px 14px;
    text-align: center;
    position: relative;
  }
  .step:first-child { border-radius: 14px 0 0 14px; }
  .step:last-child { border-radius: 0 14px 14px 0; }
  .step + .step::before {
    content: '›';
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #7E755D;
    font-weight: 700;
    z-index: 1;
  }
  .step-num {
    width: 24px; height: 24px;
    border-radius: 50%;
    background: #5E7433;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 auto 8px;
  }
  .step-title {
    font-size: 12.5px;
    font-weight: 700;
    color: #30401B;
    margin-bottom: 4px;
  }
  .step-desc {
    font-size: 11px;
    color: #7E755D;
    line-height: 1.45;
  }
 
  /* Confirm cancellation tip */
  .confirm-tip {
    background: #fdf0df;
    border: 1px solid #f8d8b0;
    border-radius: 14px;
    padding: 16px 20px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 12px;
  }
  .tip-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
  .confirm-tip p {
    font-size: 13px;
    color: #7a4010;
    line-height: 1.6;
  }
  .confirm-tip p strong { font-weight: 700; color: #5a2e02; }
 
  /* Farewell card */
  .farewell-card {
    background: #f9f8f5;
    border: 1px solid #e8e4dc;
    border-radius: 16px;
    padding: 24px 28px;
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 12px;
  }
  .farewell-icon { font-size: 32px; flex-shrink: 0; line-height: 1; }
  .farewell-body h3 {
    font-size: 15px;
    font-weight: 700;
    color: #30401B;
    margin-bottom: 6px;
  }
  .farewell-body p {
    font-size: 13px;
    color: #7E755D;
    line-height: 1.6;
  }
 
  /* Contact strip */
  .contact-strip {
    background: #EFECE4;
    border-radius: 16px;
    padding: 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  .contact-left h3 {
    font-size: 14px;
    font-weight: 700;
    color: #30401B;
    margin-bottom: 3px;
  }
  .contact-left p {
    font-size: 12.5px;
    color: #7E755D;
    line-height: 1.5;
  }
  .contact-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #5E7433;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 100px;
    white-space: nowrap;
    flex-shrink: 0;
  }
 
  /* Footer */
  .footer {
    background: #30401B;
    padding: 28px 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-text {
    color: rgba(255,255,255,0.7);
    font-size: 12px;
    line-height: 1.7;
  }
  .footer-text strong {
    color: #ffffff;
    font-weight: 600;
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
  }
  .footer-smile {
    width: 48px; height: 48px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    display: flex; align-items: center; justify-content: center;
  }
 
  @media (max-width: 640px) {
    .header, .body, .footer, .options-strip { padding-left: 24px; padding-right: 24px; }
    .header h1 { font-size: 30px; }
    .options-strip { grid-template-columns: 1fr; gap: 16px; }
    .opt-item + .opt-item { border-left: none; padding-left: 0; border-top: 1px solid rgba(255,255,255,0.12); padding-top: 16px; }
    .adjust-options { grid-template-columns: 1fr; }
    .steps-flow { flex-direction: column; }
    .step:first-child { border-radius: 14px 14px 0 0; }
    .step:last-child { border-radius: 0 0 14px 14px; }
    .step + .step::before { content: '↓'; left: 50%; top: -12px; transform: translateX(-50%); }
    .farewell-card { flex-direction: column; gap: 12px; }
    .contact-strip { flex-direction: column; align-items: flex-start; }
  }
</style><div class="page"><div class="header"><div class="brand"><div class="smile-icon"><br></div><span class="brand-name">Happy Being</span></div><h1 id="managing-your-subscription">Managing your subscription</h1><p>Too much product, wrong frequency, or just need a change? Everything is in your hands &#x2014; adjust or cancel any time through your account portal.</p></div><div class="options-strip"><div class="opt-item"><span class="opt-icon">&#x2699;&#xFE0F;</span><div><div class="opt-title">Adjust your plan</div><div class="opt-sub">Change frequency or quantity</div></div></div><div class="opt-item"><span class="opt-icon">&#x23F8;&#xFE0F;</span><div><div class="opt-title">Pause or skip</div><div class="opt-sub">Not ready for your next shipment</div></div></div><div class="opt-item"><span class="opt-icon">&#x2715;</span><div><div class="opt-title">Cancel any time</div><div class="opt-sub">No hidden steps, no fees</div></div></div></div><div class="body"><div class="section-title">Before you cancel &#x2014; you have options</div><div class="adjust-section"><div class="adjust-header"><span class="adjust-icon">&#x1F4A1;</span><div><h2 id="need-a-change-you-can-adjust-instead">Need a change? You can adjust instead</h2><p>Log in to your account portal to make any of these tweaks &#x2014; no need to cancel.</p></div></div><div class="adjust-options"><div class="adjust-card"><div class="adj-icon">&#x1F4E6;</div><div class="adj-title">Too much product</div><div class="adj-desc">Reduce your quantity or switch to a smaller case size</div></div><div class="adjust-card"><div class="adj-icon">&#x1F4C5;</div><div class="adj-title">Wrong frequency</div><div class="adj-desc">Stretch deliveries further apart &#x2014; weekly, monthly, or custom</div></div><div class="adjust-card"><div class="adj-icon">&#x23F8;&#xFE0F;</div><div class="adj-title">Not ready yet</div><div class="adj-desc">Skip your next shipment or pause until you&apos;re ready</div></div></div></div><div class="divider"><br></div><div class="steps-section"><div class="section-title">How to cancel your subscription</div><div class="steps-flow"><div class="step"><div class="step-num">1</div><div class="step-title">Log in</div><div class="step-desc">Sign into your Happy Being account at happybeing.co</div></div><div class="step"><div class="step-num">2</div><div class="step-title">Go to your portal</div><div class="step-desc">Navigate to your account portal and find your subscription</div></div><div class="step"><div class="step-num">3</div><div class="step-title">Cancel</div><div class="step-desc">Select cancel subscription and follow the prompts</div></div><div class="step"><div class="step-num">4</div><div class="step-title">Confirm</div><div class="step-desc">Refresh the page to verify your cancellation has taken effect</div></div></div><div class="confirm-tip"><span class="tip-icon">&#x1F504;</span><p><strong>Don&apos;t forget to refresh.</strong> After cancelling, refresh the page to confirm the cancellation has gone through. If anything looks off, contact us directly and we&apos;ll sort it out.</p></div></div><div class="divider"><br></div><div class="farewell-card"><span class="farewell-icon">&#x1F49A;</span><div class="farewell-body"><h3 id="were-sad-to-see-you-go--but-we-understand">We&apos;re sad to see you go &#x2014; but we understand</h3><p>Subscriptions aren&apos;t for everyone, and life changes. You&apos;re always welcome back whenever you&apos;re ready for your next Happy Being. No hard feelings, just good wishes.</p></div></div><div class="contact-strip"><div class="contact-left"><h3 id="need-help-with-your-account">Need help with your account?</h3><p>Our team is happy to walk you through any changes or cancellations.</p></div><a class="contact-link" href="mailto:hi@happybeing.co">&#xA0;hi@happybeing.co &#x203A;&#xA0;</a></div></div><div class="footer"><div class="footer-text"><strong>Live Well Longer</strong> Questions? hi@happybeing.co &#xB7; happybeing.co</div><div class="footer-smile"><br></div></div></div>

How do I cancel my subscription?

<p><br><link href="https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&amp;display=swap" rel="stylesheet"></p><style>
  * { margin: 0; padding: 0; box-sizing: border-box; }
 
  body {
    background: #EFECE4;
    font-family: 'Figtree', Arial, sans-serif;
    min-height: 100vh;
    padding: 48px 24px;
  }
 
  .page {
    max-width: 860px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
  }
 
  /* Header */
  .header {
    background: #5E7433;
    padding: 52px 56px 44px;
    position: relative;
    overflow: hidden;
  }
  .header::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 240px; height: 240px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
  }
  .header::after {
    content: '';
    position: absolute;
    bottom: -40px; left: 20%;
    width: 160px; height: 160px;
    border-radius: 50%;
    background: rgba(255,255,255,0.04);
  }
  .brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
  }
  .smile-icon {
    width: 44px; height: 44px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    display: flex; align-items: center; justify-content: center;
  }
  .brand-name {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.3px;
  }
  .header h1 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1px;
    margin-bottom: 14px;
    max-width: 520px;
  }
  .header p {
    color: rgba(255,255,255,0.78);
    font-size: 15px;
    line-height: 1.65;
    max-width: 500px;
  }
 
  /* Who it's for strip */
  .for-strip {
    background: #30401B;
    padding: 20px 56px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .for-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 20px;
  }
  .for-item + .for-item {
    padding-left: 20px;
    border-left: 1px solid rgba(255,255,255,0.12);
  }
  .for-item:last-child { padding-right: 0; }
  .for-icon { font-size: 20px; flex-shrink: 0; }
  .for-title {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
  }
  .for-sub {
    font-size: 11px;
    color: rgba(255,255,255,0.55);
    margin-top: 1px;
  }
 
  /* Body */
  .body { padding: 40px 56px 52px; }
 
  .section-title {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #7E755D;
    margin-bottom: 16px;
  }
 
  /* How to get started — two steps */
  .steps-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 32px;
  }
  .step-card {
    border-radius: 16px;
    padding: 26px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .step-card.primary {
    background: #eaf3de;
    border: 1px solid #c0dd97;
  }
  .step-card.secondary {
    background: #f9f8f5;
    border: 1px solid #e8e4dc;
  }
  .step-num-row {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .step-num {
    width: 28px; height: 28px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    flex-shrink: 0;
  }
  .step-card.primary .step-num { background: #5E7433; }
  .step-card.secondary .step-num { background: #7E755D; }
 
  .step-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
  }
  .step-card.primary .step-label { color: #2a5a06; }
  .step-card.secondary .step-label { color: #7E755D; }
 
  .step-title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.3px;
    line-height: 1.2;
  }
  .step-card.primary .step-title { color: #2a5a06; }
  .step-card.secondary .step-title { color: #30401B; }
 
  .step-desc {
    font-size: 13.5px;
    line-height: 1.65;
  }
  .step-card.primary .step-desc { color: #3a6010; }
  .step-card.secondary .step-desc { color: #7E755D; }
 
  .faire-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #5E7433;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 22px;
    border-radius: 100px;
    align-self: flex-start;
  }
 
  .email-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    color: #5E7433;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 22px;
    border-radius: 100px;
    border: 1.5px solid #c8d8a8;
    align-self: flex-start;
  }
 
  /* What is Faire */
  .faire-explainer {
    background: #EFECE4;
    border-radius: 16px;
    padding: 24px 28px;
    margin-bottom: 32px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
  }
  .faire-explainer-icon { font-size: 28px; flex-shrink: 0; line-height: 1; margin-top: 2px; }
  .faire-explainer h3 {
    font-size: 15px;
    font-weight: 700;
    color: #30401B;
    margin-bottom: 6px;
  }
  .faire-explainer p {
    font-size: 13px;
    color: #7E755D;
    line-height: 1.65;
  }
  .faire-perks {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
  }
  .perk-chip {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #ffffff;
    border: 1px solid #d8d4cc;
    border-radius: 100px;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #5E7433;
  }
  .perk-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #96C761;
  }
 
  .divider {
    border: none;
    border-top: 1px solid #e8e4dc;
    margin: 32px 0;
  }
 
  /* Policy reminders */
  .policy-note {
    background: #fdf0df;
    border: 1px solid #f8d8b0;
    border-radius: 14px;
    padding: 18px 22px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 12px;
  }
  .policy-note-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
  .policy-note p {
    font-size: 13px;
    color: #7a4010;
    line-height: 1.6;
  }
  .policy-note p strong { font-weight: 700; color: #5a2e02; }
 
  /* Footer */
  .footer {
    background: #30401B;
    padding: 28px 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-text {
    color: rgba(255,255,255,0.7);
    font-size: 12px;
    line-height: 1.7;
  }
  .footer-text strong {
    color: #ffffff;
    font-weight: 600;
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
  }
  .footer-smile {
    width: 48px; height: 48px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    display: flex; align-items: center; justify-content: center;
  }
 
  @media (max-width: 640px) {
    .header, .body, .footer, .for-strip { padding-left: 24px; padding-right: 24px; }
    .header h1 { font-size: 30px; }
    .for-strip { grid-template-columns: 1fr; gap: 16px; }
    .for-item + .for-item { border-left: none; padding-left: 0; border-top: 1px solid rgba(255,255,255,0.12); padding-top: 16px; }
    .steps-row { grid-template-columns: 1fr; }
    .faire-explainer { flex-direction: column; gap: 12px; }
  }
</style><div class="page"><div class="header"><div class="brand"><div class="smile-icon"><br></div><span class="brand-name">Happy Being</span></div><h1 id="wholesale--bulk-orders">Wholesale &amp; Bulk Orders</h1><p>Want to stock Happy Being in your store or order in bulk? We partner with wholesalers and retailers through Faire &#x2014; simple, straightforward, and ready when you are.</p></div><div class="for-strip"><div class="for-item"><span class="for-icon">&#x1F3EA;</span><div><div class="for-title">Retailers</div><div class="for-sub">Stock Happy Being in store</div></div></div><div class="for-item"><span class="for-icon">&#x1F4E6;</span><div><div class="for-title">Wholesalers</div><div class="for-sub">Bulk purchasing made easy</div></div></div><div class="for-item"><span class="for-icon">&#x1F91D;</span><div><div class="for-title">Partners</div><div class="for-sub">Offices, gyms, hospitality</div></div></div></div><div class="body"><div class="section-title">How to get started</div><div class="steps-row"><div class="step-card primary"><div class="step-num-row"><div class="step-num">1</div><span class="step-label">Shop on Faire</span></div><div class="step-title">Browse and order through our Faire storefront</div><div class="step-desc">Faire is our wholesale platform of choice. You can browse our full range, place bulk orders, and manage everything in one place.</div><a class="faire-btn" href="https://www.faire.com/direct/happybeing?signUp=direct" target="_blank">&#xA0;Visit us on Faire &#x203A;&#xA0;</a></div><div class="step-card secondary"><div class="step-num-row"><div class="step-num">2</div><span class="step-label">Questions? Reach out</span></div><div class="step-title">Drop us a line and we&apos;ll help directly</div><div class="step-desc">Have questions before signing up, or need something outside our standard Faire listing? Get in touch and we&apos;re happy to help.</div><a class="email-btn" href="mailto:hi@happybeing.co">&#xA0;hi@happybeing.co &#x203A;&#xA0;</a></div></div><div class="faire-explainer"><span class="faire-explainer-icon">&#x1F6D2;</span><div><h3 id="new-to-faire">New to Faire?</h3><p>Faire is a wholesale marketplace that connects independent brands with retailers and buyers worldwide. Signing up is free, and our direct link gets you straight to the Happy Being storefront &#x2014; no searching required.</p><div class="faire-perks"><div class="perk-chip">Free to sign up</div><div class="perk-chip">Wholesale pricing</div><div class="perk-chip">Simple order management</div><div class="perk-chip">Direct to our storefront</div></div></div></div><div class="divider"><br></div><div class="section-title">Good to know</div><div class="policy-note"><span class="policy-note-icon">&#x2139;&#xFE0F;</span><p><strong>Wholesale orders aren&apos;t covered by our standard consumer policies.</strong> The Happiness Guarantee, general refund and return policy, and discount promotions do not apply to bulk or wholesale purchases. All wholesale terms are managed through Faire or agreed directly with our team.</p></div></div><div class="footer"><div class="footer-text"><strong>Live Well Longer</strong> Questions? hi@happybeing.co &#xB7; happybeing.co</div><div class="footer-smile"><br></div></div></div>

Account Management

How do I cancel my subscription?

Does Happy Being have a wholesale program?