<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Muntain Media × Cause+Medic — Prestige Partnership</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap');
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–cream: #F5F0E8;
–warm-white: #FAF7F2;
–parchment: #EDE5D4;
–green-deep: #1E3028;
–green-mid: #2C4A38;
–green-light: #3D6B50;
–gold: #9B7D3A;
–gold-light: #C4A558;
–gold-pale: #EDD99A;
–brown: #5C4A2A;
–text-dark: #2A2215;
–text-mid: #4A3E2C;
–text-light: #7A6E5A;
–border: #D4C9B0;
}
body {
background: var(–cream);
font-family: ‘Jost’, sans-serif;
font-weight: 300;
color: var(–text-mid);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: flex-start;
padding: 48px 16px;
}
.wrapper {
max-width: 680px;
width: 100%;
}
/* ── TOP BRAND BAR ── */
.brand-bar {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 18px 0 16px;
border-bottom: 1px solid var(–border);
margin-bottom: 0;
}
.brand-bar img {
width: 28px;
height: 28px;
object-fit: contain;
opacity: 0.85;
}
.brand-bar span {
font-family: ‘Jost’, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.38em;
text-transform: uppercase;
color: var(–green-deep);
}
/* ── CARD ── */
.card {
background: var(–warm-white);
border: 1px solid var(–border);
border-radius: 3px;
overflow: hidden;
box-shadow: 0 4px 32px rgba(30,48,40,0.07);
}
/* ── HERO ── */
.hero {
background: var(–green-deep);
padding: 56px 52px 48px;
position: relative;
overflow: hidden;
}
.hero::before {
content: ‘’;
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at 80% 20%, rgba(155,125,58,0.12) 0%, transparent 55%),
radial-gradient(ellipse at 20% 80%, rgba(61,107,80,0.18) 0%, transparent 50%);
pointer-events: none;
}
/* subtle organic texture overlay */
.hero::after {
content: ‘’;
position: absolute;
inset: 0;
background-image: url(“data:image/svg+xml,%3Csvg xmlns=‘http://www.w3.org/2000/svg’ width=‘300’ height=‘300’%3E%3Cfilter id=‘n’%3E%3CfeTurbulence type=‘fractalNoise’ baseFrequency=‘0.75’ numOctaves=‘4’ stitchTiles=‘stitch’/%3E%3C/filter%3E%3Crect width=‘300’ height=‘300’ filter=‘url(%23n)’ opacity=‘0.03’/%3E%3C/svg%3E”);
opacity: 0.4;
pointer-events: none;
}
.hero-eyebrow {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 24px;
position: relative;
z-index: 1;
}
.hero-eyebrow img {
width: 22px;
opacity: 0.7;
filter: brightness(2) sepia(1) hue-rotate(10deg) saturate(0.6);
}
.hero-eyebrow span {
font-size: 10px;
letter-spacing: 0.36em;
text-transform: uppercase;
color: var(–gold-light);
font-weight: 400;
}
.hero h1 {
font-family: ‘Cormorant Garamond’, serif;
font-size: 44px;
font-weight: 300;
line-height: 1.18;
color: var(–cream);
margin-bottom: 16px;
position: relative;
z-index: 1;
}
.hero h1 em {
font-style: italic;
color: var(–gold-pale);
}
.hero-sub {
font-size: 13px;
color: rgba(245,240,232,0.55);
letter-spacing: 0.06em;
position: relative;
z-index: 1;
font-weight: 300;
}
.hero-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 28px;
position: relative;
z-index: 1;
}
.hero-tag {
font-size: 10px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–gold-light);
border: 1px solid rgba(196,165,88,0.3);
padding: 5px 12px;
border-radius: 20px;
font-weight: 400;
}
/* ── BODY ── */
.body {
padding: 48px 52px;
}
.salutation {
font-family: ‘Cormorant Garamond’, serif;
font-size: 22px;
font-style: italic;
font-weight: 300;
color: var(–text-dark);
margin-bottom: 20px;
}
p {
font-size: 14.5px;
line-height: 1.78;
color: var(–text-mid);
margin-bottom: 18px;
}
/* ── SECTION LABEL ── */
.section-label {
display: flex;
align-items: center;
gap: 12px;
margin: 40px 0 18px;
}
.section-label::before {
content: ‘’;
width: 20px;
height: 1px;
background: var(–gold);
flex-shrink: 0;
}
.section-label span {
font-size: 9px;
letter-spacing: 0.42em;
text-transform: uppercase;
color: var(–gold);
font-weight: 500;
}
.section-label::after {
content: ‘’;
flex: 1;
height: 1px;
background: var(–border);
}
/* ── SCOPE GRID ── */
.scope-intro {
font-size: 14px;
color: var(–text-mid);
margin-bottom: 16px;
line-height: 1.7;
}
.scope-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-bottom: 24px;
}
.scope-item {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 11px 14px;
background: var(–cream);
border: 1px solid var(–border);
border-radius: 2px;
}
.scope-dot {
width: 5px;
height: 5px;
min-width: 5px;
border-radius: 50%;
background: var(–green-light);
margin-top: 6px;
}
.scope-item span {
font-size: 12.5px;
color: var(–text-mid);
line-height: 1.5;
}
/* ── HIGHLIGHT BOX ── */
.highlight-box {
background: linear-gradient(135deg, #1E3028 0%, #2C4A38 100%);
border-radius: 3px;
padding: 28px 32px;
margin: 28px 0;
position: relative;
overflow: hidden;
}
.highlight-box::before {
content: ‘’;
position: absolute;
top: -40px; right: -40px;
width: 180px; height: 180px;
background: radial-gradient(circle, rgba(155,125,58,0.15) 0%, transparent 70%);
pointer-events: none;
}
.highlight-box p {
font-family: ‘Cormorant Garamond’, serif;
font-size: 20px;
font-style: italic;
font-weight: 300;
color: var(–cream);
margin: 0 0 6px;
position: relative;
z-index: 1;
line-height: 1.5;
}
.highlight-box .sub {
font-family: ‘Jost’, sans-serif;
font-size: 10px;
letter-spacing: 0.3em;
text-transform: uppercase;
color: var(–gold-light);
font-style: normal;
margin: 0;
position: relative;
z-index: 1;
font-weight: 400;
}
/* ── PAYMENT CARDS ── */
.payment-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin: 18px 0 8px;
}
.payment-card {
border: 1px solid var(–border);
padding: 24px 20px;
background: var(–warm-white);
border-radius: 3px;
position: relative;
}
.payment-card.featured {
border-color: var(–gold);
background: linear-gradient(160deg, #F7F2E4 0%, var(–warm-white) 100%);
}
.preferred-badge {
position: absolute;
top: -1px; right: 14px;
background: var(–green-deep);
color: var(–gold-pale);
font-size: 8px;
letter-spacing: 0.28em;
font-weight: 500;
text-transform: uppercase;
padding: 4px 9px;
border-radius: 0 0 3px 3px;
}
.payment-card .plan-name {
font-family: ‘Cormorant Garamond’, serif;
font-size: 17px;
font-style: italic;
color: var(–text-dark);
margin-bottom: 8px;
font-weight: 400;
}
.payment-card .price {
font-family: ‘Cormorant Garamond’, serif;
font-size: 34px;
color: var(–green-deep);
font-weight: 300;
line-height: 1;
margin-bottom: 3px;
}
.payment-card.featured .price {
color: var(–gold);
}
.payment-card .price-sub {
font-size: 11px;
color: var(–text-light);
letter-spacing: 0.08em;
margin-bottom: 14px;
}
.payment-card .plan-desc {
font-size: 12.5px;
color: var(–text-light);
line-height: 1.65;
}
/* ── ONBOARDING STEPS ── */
.steps {
margin: 16px 0 24px;
border-left: 2px solid var(–border);
padding-left: 0;
}
.step {
display: flex;
gap: 20px;
padding: 14px 0 14px 24px;
position: relative;
}
.step::before {
content: ‘’;
position: absolute;
left: -5px;
top: 20px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(–green-light);
border: 2px solid var(–warm-white);
}
.step-num {
font-family: ‘Cormorant Garamond’, serif;
font-size: 28px;
font-style: italic;
color: var(–gold);
opacity: 0.45;
min-width: 30px;
line-height: 1;
margin-top: 1px;
}
.step-body strong {
display: block;
font-size: 12px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(–green-deep);
font-weight: 500;
margin-bottom: 3px;
}
.step-body span {
font-size: 13.5px;
color: var(–text-light);
line-height: 1.65;
}
/* ── DIVIDER ── */
.divider {
height: 1px;
background: linear-gradient(to right, transparent, var(–border), transparent);
margin: 36px 0;
}
/* ── SIGNATURE ── */
.signature {
padding-top: 8px;
}
.closing-line {
font-family: ‘Cormorant Garamond’, serif;
font-size: 19px;
font-style: italic;
font-weight: 300;
color: var(–text-dark);
line-height: 1.55;
margin-bottom: 22px;
}
.sig-name {
font-family: ‘Cormorant Garamond’, serif;
font-size: 24px;
font-weight: 400;
color: var(–green-deep);
margin-bottom: 2px;
}
.sig-title {
font-size: 10px;
letter-spacing: 0.3em;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 16px;
}
.sig-links {
display: flex;
gap: 18px;
flex-wrap: wrap;
}
.sig-links a {
font-size: 12px;
color: var(–text-light);
text-decoration: none;
transition: color 0.2s;
}
.sig-links a:hover { color: var(–green-deep); }
/* ── FOOTER ── */
.footer {
background: var(–green-deep);
padding: 18px 52px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.footer-leaf {
display: flex;
align-items: center;
gap: 8px;
}
.footer-leaf img {
width: 18px;
opacity: 0.5;
filter: brightness(2) sepia(1) hue-rotate(10deg) saturate(0.5);
}
.footer p {
font-size: 10px;
color: rgba(245,240,232,0.35);
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 0;
}
@media (max-width: 580px) {
.body { padding: 32px 24px; }
.hero { padding: 40px 24px 36px; }
.hero h1 { font-size: 34px; }
.scope-grid, .payment-cards { grid-template-columns: 1fr; }
.footer { padding: 18px 24px; flex-direction: column; text-align: center; }
}
</style>
</head>
<body>
<div class="wrapper">
<!-- Brand Bar -->
<div class="brand-bar">
<img src="https://causemedic.com/cdn/shop/files/leafonly_1_d5f498b8-8e09-4dd0-80c3-3fbe34d38ee5.png?v=1672945785&width=80" alt="Cause+Medic leaf" onerror="this.style.display='none'"/>
<span>Cause+Medic · Prestige Partnership</span>
</div>
<div class="card">
```
<!-- Hero -->
<div class="hero">
<div class="hero-eyebrow">
<img src="https://causemedic.com/cdn/shop/files/leafonly_1_d5f498b8-8e09-4dd0-80c3-3fbe34d38ee5.png?v=1672945785&width=40" alt="" onerror="this.style.display='none'"/>
<span>Marketing Proposal · Muntain Media · 2026</span>
</div>
<h1>A New Chapter<br>for <em>Cause+Medic</em></h1>
<p class="hero-sub">Aligned Scope · Prestige Retainer · Immediate Activation</p>
<div class="hero-tags">
<span class="hero-tag">Social Media</span>
<span class="hero-tag">Content Creation</span>
<span class="hero-tag">Influencer Marketing</span>
<span class="hero-tag">Live Selling</span>
<span class="hero-tag">AI Integration</span>
<span class="hero-tag">CMO Partnership</span>
</div>
</div>
<!-- Body -->
<div class="body">
<div class="salutation">Hi Hugh,</div>
<p>
It was a pleasure speaking with you yesterday. The vision you have for CauseMedic — and especially the launch of your skincare line — is exactly the kind of brand moment we live for. Luxury, wellness, and science-forward beauty is a space we know intimately, and I believe this partnership has every ingredient for something truly significant.
</p>
<p>
Below you'll find the full aligned scope we discussed, along with two straightforward investment options and immediate next steps to get us underway.
</p>
<!-- Scope -->
<div class="section-label"><span>Prestige Package — Full Scope of Work</span></div>
<p class="scope-intro">As your dedicated creative and marketing partner, we will operate as an embedded <strong style="color:var(--green-deep); font-weight:500;">Chief Marketing Officer</strong> for CauseMedic's social presence, delivering the following each month:</p>
<div class="scope-grid">
<div class="scope-item"><div class="scope-dot"></div><span>Daily content posting: Instagram & TikTok</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>Monthly full content production & shoot direction</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>Influencer & creator marketing strategy</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>UGC (user-generated content) creation & direction</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>AI-powered social media integration</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>Community & social media management</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>Live selling strategy & execution</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>Monthly content calendars</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>Creative direction across all marketing</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>Campaign & launch strategy for your skincare line</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>Copywriting & caption creation</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>Graphic design & motion graphics (GIFs)</span></div>
<div class="scope-item"><div class="scope-dot"></div><span>Strategy calls with you and your team</span></div>
</div>
<p>
Additionally, we will produce <strong style="color:var(--green-deep); font-weight:500;">cinematic quality photo and video content</strong> at your partnered spa locations across Los Angeles, capturing your products in the refined, aspirational environments your brand deserves. Our team specializes in high end editorial and wellness visual storytelling, and we bring that standard to every deliverable.
</p>
<p>
I am also happy to facilitate introductions to select luxury hotel and spa partners I've worked with personally in Los Angeles, should CauseMedic wish to explore more co-branded spa placements or collaborative activations. This is something I'm delighted to offer as an extension of our partnership.
</p>
<!-- Urgency -->
<div class="highlight-box">
<p>We have capacity for one new client this month —<br>and the timing couldn't be more aligned.</p>
<span class="sub">Your skincare launch. Our full attention. Starting now.</span>
</div>
<!-- Investment -->
<div class="section-label"><span>Investment — Two Options</span></div>
<div class="payment-cards">
<div class="payment-card">
<div class="plan-name">Prestige Retainer (monthly)</div>
<div class="price">$7,500</div>
<div class="price-sub">USD / month · 6-month retainer</div>
<div class="plan-desc">Month-to-month billing via Stripe on a 6-month retainer agreement.</div>
<a href="https://buy.stripe.com/7sY4gzf2y1Etadu4rw6Vq1a" style="display:inline-block; margin-top:14px; font-size:11px; letter-spacing:0.15em; text-transform:uppercase; color:var(--green-deep); text-decoration:none; border-bottom:1px solid var(--border); padding-bottom:2px;">Pay via Stripe →</a>
</div>
<div class="payment-card featured">
<div class="preferred-badge">Preferred Option</div>
<div class="plan-name">Prestige Retainer (3 months upfront)</div>
<div class="price">$6,500</div>
<div class="price-sub">USD / month · first 3 months upfront</div>
<div class="plan-desc">Pay the first 3 months together ($19,500 total) and receive $3,000 in savings — then continue month-to-month for months 4–6 at the standard rate.</div>
<a href="https://buy.stripe.com/dRm3cv8Ea2Ix3P6aPU6Vq1b" style="display:inline-block; margin-top:14px; font-size:11px; letter-spacing:0.15em; text-transform:uppercase; color:var(--gold); text-decoration:none; border-bottom:1px solid var(--gold-pale); padding-bottom:2px;">Pay via Stripe →</a>
</div>
</div>
<p style="font-size:12.5px; color:var(--text-light); margin-top:6px;">
Both options are structured on a 6-month retainer. Payment is processed securely via Stripe.
</p>
<!-- Onboarding -->
<div class="section-label"><span>What Onboarding Looks Like</span></div>
<p>Upon payment confirmation, here is how we activate:</p>
<div class="steps">
<div class="step">
<div class="step-num">01</div>
<div class="step-body">
<strong>Shared Google Drive</strong>
<span>Here is the link to our shared Google Drive — and if you already have one created, you can add my email to it:<br><br>
<a href="https://drive.google.com/drive/folders/1BhaqfEtByna3acm5NFoHwA16qKlPjXEl?usp=sharing" style="color:var(--green-light); font-size:12px; word-break:break-all;">drive.google.com/drive/folders/1BhaqfEtByna3acm5NFoHwA16qKlPjXEl</a><br><br>
Please upload any existing brand assets, product photography, logos, and any content you currently have — this becomes our creative home base.</span>
</div>
</div>
<div class="step">
<div class="step-num">02</div>
<div class="step-body">
<strong>Social Media Access</strong>
<span>We'll collect login credentials or admin access for your Instagram and TikTok accounts to begin setup and scheduling.</span>
</div>
</div>
<div class="step">
<div class="step-num">03</div>
<div class="step-body">
<strong>Product Shipment to Beverly Hills</strong>
<span>Please ship product directly to us here in Beverly Hills — we'll begin creating content this month, including at our partnered spa locations in Los Angeles.</span>
</div>
</div>
<div class="step">
<div class="step-num">04</div>
<div class="step-body">
<strong>Strategy Kickoff Call</strong>
<span>We'll schedule our first strategy session with you and your team to align on the skincare launch calendar, content direction, and campaign priorities.</span>
</div>
</div>
<div class="step">
<div class="step-num">05</div>
<div class="step-body">
<strong>Content Calendar — Month One</strong>
<span>Within the first week, we'll deliver your initial content calendar so you can see exactly what's being created, when it posts, and why.</span>
</div>
</div>
</div>
<p>
A full onboarding guide will be sent as a PDF alongside your invoice — it covers everything in detail so your team knows exactly what to expect and when.
</p>
<div class="divider"></div>
<!-- Why Muntain -->
<div class="section-label"><span>What We Bring to the Table</span></div>
<p>
Our team produces cinematic photo and video content for luxury wellness, beauty, and lifestyle brands — the kind of content that stops a scroll and builds a brand. We've partnered with premium brands across skincare, wellness, hospitality, and fashion, delivering editorial quality visuals and data backed social strategy.
</p>
<p>
For CauseMedic specifically, we see an extraordinary opportunity: you have a premium product, a loyal patient base, and large untapped potential through social media, influencer marketing and live selling. That means we get to build something from the ground up, with the full power of influencer marketing, live selling, and content at your disposal, right before your biggest product launch to date.
</p>
<div class="divider"></div>
<!-- Signature -->
<div class="signature">
<div class="closing-line">
I am genuinely very excited about what we are about to build together. CauseMedic deserves a brand presence as elevated as the results you deliver — and that is exactly what we intend to create.
</div>
<p>Please don't hesitate to reach out with any questions. I look forward to your confirmation so we can get started immediately.</p>
<p>Thank you!</p>
<p style="margin-bottom: 6px;">Best,</p>
<div class="sig-name">Danielle Muntain</div>
<div class="sig-title">Founder · Muntain Media</div>
<div class="sig-links">
<a href="https://daniellemuntain.com">daniellemuntain.com</a>
<a href="https://instagram.com/daniellemuntain">@daniellemuntain</a>
<a href="mailto:hello@daniellemuntain.com">hello@daniellemuntain.com</a>
</div>
</div>
</div>
<!-- Footer -->
<div class="footer">
<div class="footer-leaf">
<img src="https://causemedic.com/cdn/shop/files/leafonly_1_d5f498b8-8e09-4dd0-80c3-3fbe34d38ee5.png?v=1672945785&width=40" alt="" onerror="this.style.display='none'"/>
</div>
<p>Muntain Media · Los Angeles, CA · Pr
```