.cc-nav {
--cc-blush: #F4B6C2;
--cc-blush-soft: #FCE8EC;
--cc-charcoal: #2B2B2B;
--cc-charcoal-soft: #4A4A4A;
--cc-white: #FFFFFF;
--cc-cream: #F5F5F5;
--cc-border: rgba(43, 43, 43, 0.08);
--cc-font-body: 'Outfit', system-ui, sans-serif;
--cc-font-display: 'Fraunces', Georgia, serif;
position: sticky;
top: 0;
z-index: 100;
background: var(--cc-white);
border-bottom: 1px solid var(--cc-border);
font-family: var(--cc-font-body);
box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}
.cc-nav__inner {
max-width: 1280px;
margin: 0 auto;
padding: 18px 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
.cc-nav__brand {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: var(--cc-charcoal);
font-family: var(--cc-font-display);
font-weight: 600;
font-size: 22px;
letter-spacing: -0.01em;
}
.cc-nav__brand-mark {
width: 44px;
height: 44px;
display: block;
object-fit: contain;
flex-shrink: 0;
}
.cc-nav__links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 4px;
}
.cc-nav__link {
position: relative;
display: inline-block;
padding: 10px 14px;
color: var(--cc-charcoal);
text-decoration: none;
font-size: 15px;
font-weight: 500;
border-radius: 8px;
transition: background-color 0.18s ease, color 0.18s ease;
}
.cc-nav__link:hover { background: var(--cc-blush-soft); }
.cc-nav__link[aria-current="page"] {
background: var(--cc-blush-soft);
color: var(--cc-charcoal);
}
/* Services dropdown */
.cc-nav__dropdown { position: relative; }
.cc-nav__dropdown-checkbox {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
.cc-nav__dropdown-toggle {
cursor: pointer;
user-select: none;
}
.cc-nav__dropdown-toggle::after {
content: "";
display: inline-block;
margin-left: 6px;
width: 6px;
height: 6px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: translateY(-2px) rotate(45deg);
transition: transform 0.18s ease;
}
.cc-nav__dropdown:hover .cc-nav__dropdown-toggle::after,
.cc-nav__dropdown:focus-within .cc-nav__dropdown-toggle::after {
transform: translateY(1px) rotate(225deg);
}
.cc-nav__dropdown-menu {
position: absolute;
top: calc(100% + 8px);
left: 0;
min-width: 280px;
background: var(--cc-white);
border: 1px solid var(--cc-border);
border-radius: 12px;
padding: 8px;
box-shadow: 0 12px 32px rgba(43, 43, 43, 0.10);
list-style: none;
margin: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
}
.cc-nav__dropdown:hover .cc-nav__dropdown-menu,
.cc-nav__dropdown:focus-within .cc-nav__dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.cc-nav__dropdown-link {
display: block;
padding: 10px 12px;
border-radius: 8px;
text-decoration: none;
color: var(--cc-charcoal);
font-size: 14px;
font-weight: 500;
transition: background-color 0.15s ease;
}
.cc-nav__dropdown-link:hover { background: var(--cc-cream); }
.cc-nav__dropdown-link span {
display: block;
font-weight: 400;
font-size: 12.5px;
color: var(--cc-charcoal-soft);
margin-top: 2px;
}
/* CTA */
.cc-nav__cta {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 11px 20px;
background: var(--cc-charcoal);
color: var(--cc-white);
text-decoration: none;
font-size: 14px;
font-weight: 600;
border-radius: 999px;
transition: background-color 0.18s ease, transform 0.18s ease;
white-space: nowrap;
}
.cc-nav__cta:hover { background: #1a1a1a; transform: translateY(-1px); }
/* Mobile toggle */
.cc-nav__toggle-checkbox {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
.cc-nav__toggle {
display: none;
background: none;
border: 1px solid var(--cc-border);
width: 40px;
height: 40px;
border-radius: 8px;
cursor: pointer;
padding: 0;
align-items: center;
justify-content: center;
}
.cc-nav__toggle-bar,
.cc-nav__toggle-bar::before,
.cc-nav__toggle-bar::after {
display: block;
width: 18px;
height: 2px;
background: var(--cc-charcoal);
border-radius: 2px;
position: relative;
transition: transform 0.2s ease, top 0.2s ease;
}
.cc-nav__toggle-bar::before,
.cc-nav__toggle-bar::after {
content: "";
position: absolute;
left: 0;
}
.cc-nav__toggle-bar::before { top: -6px; }
.cc-nav__toggle-bar::after { top: 6px; }
/* Hamburger -> X when open */
.cc-nav__toggle-checkbox:checked ~ .cc-nav__inner .cc-nav__toggle .cc-nav__toggle-bar {
background: transparent;
}
.cc-nav__toggle-checkbox:checked ~ .cc-nav__inner .cc-nav__toggle .cc-nav__toggle-bar::before {
top: 0;
transform: rotate(45deg);
}
.cc-nav__toggle-checkbox:checked ~ .cc-nav__inner .cc-nav__toggle .cc-nav__toggle-bar::after {
top: 0;
transform: rotate(-45deg);
}
/* Mobile breakpoint */
@media (max-width: 960px) {
.cc-nav__inner { padding: 14px 20px; }
.cc-nav__toggle { display: inline-flex; }
.cc-nav__links {
position: absolute;
top: 100%;
left: 0;
right: 0;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 0 16px;
background: var(--cc-white);
border-bottom: 0 solid var(--cc-border);
box-shadow: none;
max-height: 0;
overflow: hidden;
transition: max-height 0.25s ease, padding 0.25s ease;
}
.cc-nav__toggle-checkbox:checked ~ .cc-nav__inner .cc-nav__links {
max-height: 80vh;
overflow-y: auto;
padding: 12px 16px 20px;
border-bottom: 1px solid var(--cc-border);
box-shadow: 0 12px 24px rgba(43,43,43,0.06);
}
.cc-nav__link { padding: 12px 14px; border-radius: 8px; }
.cc-nav__dropdown-menu {
position: static;
box-shadow: none;
border: none;
padding: 0 0 0 12px;
opacity: 1;
visibility: visible;
transform: none;
min-width: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.25s ease;
}
.cc-nav__dropdown-checkbox:checked ~ .cc-nav__dropdown-menu {
max-height: 60vh;
}
.cc-nav__dropdown-toggle::after {
display: inline-block;
transition: transform 0.18s ease;
}
.cc-nav__dropdown-checkbox:checked ~ .cc-nav__dropdown-toggle::after {
transform: translateY(1px) rotate(225deg);
}
.cc-nav__cta { display: none; }
.cc-nav__cta--mobile { display: inline-flex; margin-top: 8px; }
}
@media (min-width: 961px) {
.cc-nav__cta--mobile { display: none; }
.cc-nav__call { display: none; }
}
/* Always-visible mobile click-to-call (separate from menu) */
.cc-nav__call {
display: none;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin-right: 8px;
border-radius: 999px;
background: var(--cc-blush-soft);
color: var(--cc-charcoal);
text-decoration: none;
transition: background-color 0.18s ease;
}
.cc-nav__call:hover, .cc-nav__call:focus { background: var(--cc-blush); }
.cc-nav__call svg { width: 18px; height: 18px; fill: currentColor; }
@media (max-width: 960px) {
.cc-nav__call { display: inline-flex; }
}
.cc-nav__mobile-actions {
display: none;
align-items: center;
gap: 4px;
}
@media (max-width: 960px) {
.cc-nav__mobile-actions { display: inline-flex; }
}
Pricing | Croc's and Clicks — Vancouver, WA Digital Marketing
:root {
--primary: #F4B6C2;
--primary-dark: #c4607a;
--primary-light: #fce8ed;
--accent: #2B2B2B;
--white: #ffffff;
--cream: #F8F4F0;
--cream-dark: #ede8e2;
--text: #3a3a3a;
--text-muted: #6b7280;
--shadow-sm: 0 2px 8px rgba(0,0,0,0.07);
--shadow-md: 0 8px 24px rgba(0,0,0,0.10);
--shadow-lg: 0 16px 48px rgba(0,0,0,0.14);
--radius-sm: 8px;
--radius-md: 14px;
--radius-lg: 20px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Outfit',sans-serif;color:var(--text);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
h1,h2,h3,h4{font-family:'Fraunces',serif;line-height:1.15;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
/* NAV */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.97);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1180px;margin:0 auto;}
.logo{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-size:1.2rem;font-weight:700;color:var(--accent);}
.logo-icon{width:44px;height:44px;object-fit:contain;}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
.nav-links a{font-size:0.88rem;font-weight:500;color:var(--accent);transition:color 0.2s;}
.nav-links a:hover{color:var(--primary-dark);}
.nav-cta{background:var(--primary);color:var(--accent)!important;padding:9px 18px;border-radius:var(--radius-sm);font-weight:600!important;}
.nav-cta:hover{background:var(--primary-dark);color:var(--white)!important;}
.nav-dropdown{position:relative;}
.nav-dropdown-content{display:none;position:absolute;top:100%;left:0;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:10px 0;min-width:230px;z-index:100;}
.nav-dropdown:hover .nav-dropdown-content{display:block;}
.nav-dropdown-content a{display:block;padding:9px 18px;font-size:0.85rem;color:var(--text);transition:background 0.15s;}
.nav-dropdown-content a:hover{background:var(--cream);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
.hamburger span{display:block;width:22px;height:2px;background:var(--accent);border-radius:2px;}
.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--white);z-index:999;padding:80px 24px 24px;overflow-y:auto;}
.mobile-nav.open{display:block;}
.mobile-nav ul{list-style:none;}
.mobile-nav li a{display:block;padding:14px 0;font-size:1.05rem;font-weight:600;color:var(--accent);border-bottom:1px solid var(--cream);}
.mobile-nav-close{position:absolute;top:18px;right:22px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--accent);}
/* HERO */
.pricing-hero{padding:130px 0 64px;background:var(--accent);position:relative;overflow:hidden;}
.pricing-hero::before{content:'';position:absolute;top:-40%;right:-10%;width:60%;height:140%;background:radial-gradient(ellipse,rgba(244,182,194,0.12) 0%,transparent 70%);pointer-events:none;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(244,182,194,0.15);color:var(--primary);padding:6px 14px;border-radius:50px;font-size:0.78rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:20px;}
.pricing-hero h1{font-size:clamp(2.4rem,5vw,3.6rem);color:var(--white);margin-bottom:20px;max-width:680px;}
.pricing-hero h1 em{font-style:italic;color:var(--primary);}
.pricing-hero p{font-size:1.1rem;color:rgba(255,255,255,0.72);max-width:560px;margin-bottom:36px;line-height:1.75;}
.hero-trust{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:0;}
.trust-item{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:rgba(255,255,255,0.65);}
.trust-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;flex-shrink:0;}
/* SECTION STRUCTURE */
.pricing-section{padding:80px 0;}
.pricing-section.alt{background:var(--cream);}
.section-label{display:inline-flex;align-items:center;gap:10px;font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--primary-dark);margin-bottom:10px;}
.section-label::before{content:'';width:24px;height:2px;background:var(--primary-dark);}
.section-title{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--accent);margin-bottom:10px;}
.section-sub{color:var(--text-muted);font-size:0.97rem;max-width:560px;}
/* CTA BUTTON */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:var(--radius-sm);font-weight:600;font-size:0.9rem;cursor:pointer;border:none;font-family:'Outfit',sans-serif;transition:all 0.2s;}
.btn-primary{background:var(--primary);color:var(--accent);}
.btn-primary:hover{background:var(--primary-dark);color:var(--white);}
.btn-outline{background:transparent;color:var(--accent);border:2px solid var(--accent);}
.btn-outline:hover{background:var(--accent);color:var(--white);}
.btn-white{background:var(--white);color:var(--accent);}
.btn-white:hover{background:var(--primary);color:var(--accent);}
/* ── WEB DEVELOPMENT ── */
.web-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);}
.web-table thead tr{background:var(--accent);}
.web-table th{padding:16px 20px;text-align:left;font-family:'Outfit',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.6);}
.web-table td{padding:20px 20px;border-bottom:1px solid var(--cream);}
.web-table tr:last-child td{border-bottom:none;}
.web-table tr:hover td{background:#fdf9f7;}
.tier-pill{display:inline-block;padding:4px 12px;border-radius:50px;font-size:0.72rem;font-weight:700;letter-spacing:0.05em;}
.tier-starter{background:#e8f5e9;color:#2e7d32;}
.tier-growth{background:#fff3e0;color:#e65100;}
.tier-scale{background:#fce4ec;color:#c62828;}
.tier-enterprise{background:var(--accent);color:var(--white);}
.price-main{font-family:'Fraunces',serif;font-size:1.75rem;font-weight:700;color:var(--primary-dark);line-height:1;}
.price-sub{font-size:0.75rem;color:var(--text-muted);margin-top:3px;}
.page-range{font-size:0.82rem;color:var(--text-muted);margin-top:5px;}
.includes-text{font-size:0.85rem;color:var(--text-muted);line-height:1.6;}
.includes-text strong{color:var(--primary-dark);}
/* ── SEO ── */
.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.seo-card{background:var(--white);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-md);border-top:4px solid transparent;position:relative;}
.seo-card.option-a{border-top-color:#7B2FBE;}
.seo-card.option-b{border-top-color:#FF6B35;}
.option-label{font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:4px;}
.option-a .option-label{color:#7B2FBE;}
.option-b .option-label{color:#FF6B35;}
.seo-headline{font-family:'Fraunces',serif;font-size:1.2rem;color:var(--accent);margin-bottom:20px;}
.price-block{margin:16px 0 20px;}
.price-secondary-label{font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;}
.price-figure{font-family:'Fraunces',serif;font-size:2.6rem;font-weight:900;line-height:1;}
.option-a .price-figure{color:#7B2FBE;}
.option-b .price-figure{color:#FF6B35;}
.price-unit{font-size:0.85rem;color:var(--text-muted);margin-top:4px;}
.price-refresh{font-size:0.8rem;color:var(--text-muted);margin-top:6px;padding:8px 12px;background:var(--cream);border-radius:var(--radius-sm);}
.divider{height:1px;background:var(--cream-dark);margin:20px 0;}
.include-list{list-style:none;}
.include-list li{font-size:0.88rem;color:var(--text-muted);padding:6px 0;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--cream);}
.include-list li:last-child{border-bottom:none;}
.include-list li::before{content:'→';color:var(--primary-dark);font-size:0.78rem;margin-top:2px;flex-shrink:0;}
.contract-tag{display:inline-block;margin-top:18px;padding:5px 14px;border-radius:50px;font-size:0.72rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;background:var(--cream);color:var(--text-muted);}
.scope-note{margin-top:18px;padding:12px 14px;background:var(--primary-light);border-radius:var(--radius-sm);font-size:0.82rem;color:var(--primary-dark);line-height:1.55;}
.scope-note strong{font-weight:700;}
/* ── AD MANAGEMENT ── */
.fee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.fee-card{background:var(--white);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px;}
.fee-pct{font-family:'Fraunces',serif;font-size:3.2rem;font-weight:900;color:var(--primary-dark);line-height:1;margin-bottom:4px;}
.fee-name{font-family:'Fraunces',serif;font-size:1.1rem;color:var(--accent);margin-bottom:4px;}
.fee-desc{font-size:0.83rem;color:var(--text-muted);line-height:1.5;}
.fee-min{margin-top:12px;padding:8px 12px;background:var(--cream);border-radius:var(--radius-sm);font-size:0.75rem;color:var(--text-muted);font-family:'Outfit',sans-serif;}
.fee-min strong{color:var(--accent);}
.fee-footnote{margin-top:16px;font-size:0.83rem;color:var(--text-muted);line-height:1.65;padding:16px 20px;background:var(--cream);border-radius:var(--radius-md);}
/* ── CONTENT ── */
.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.content-card{background:var(--white);border-radius:var(--radius-md);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);}
.content-name{font-weight:600;font-size:0.95rem;color:var(--accent);}
.content-note{font-size:0.78rem;color:var(--text-muted);margin-top:3px;}
.content-price{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:700;color:var(--primary-dark);white-space:nowrap;}
.content-price span{font-size:0.8rem;color:var(--text-muted);font-family:'Outfit',sans-serif;font-weight:400;}
.content-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
.content-note-card{background:var(--accent);border-radius:var(--radius-md);padding:18px 20px;display:flex;gap:12px;align-items:flex-start;}
.note-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px;}
.note-body{font-size:0.83rem;color:rgba(255,255,255,0.72);line-height:1.6;}
.note-body strong{color:var(--white);}
/* ── PACKAGES ── */
.pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.pkg-card{background:var(--white);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-md);position:relative;border:2px solid var(--cream-dark);}
.pkg-tag{position:absolute;top:-14px;left:28px;background:var(--primary-dark);color:var(--white);font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:5px 14px;border-radius:50px;}
.pkg-type{font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);margin-top:10px;margin-bottom:8px;}
.pkg-price{font-family:'Fraunces',serif;font-size:2.8rem;font-weight:900;color:var(--accent);line-height:1;margin-bottom:4px;}
.pkg-price span{font-size:1rem;color:var(--text-muted);font-weight:400;}
.pkg-features{list-style:none;margin-top:18px;}
.pkg-features li{font-size:0.88rem;color:var(--text-muted);padding:7px 0;display:flex;gap:10px;border-bottom:1px solid var(--cream);}
.pkg-features li:last-child{border-bottom:none;}
.pkg-features li::before{content:'✓';color:var(--primary-dark);font-weight:700;flex-shrink:0;}
/* ── STRATEGY TIERS ── */
.tier-table{width:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);}
.tier-table-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;}
.tier-header-cell{background:var(--accent);padding:24px 20px;}
.tier-header-cell h3{font-family:'Fraunces',serif;font-size:1.1rem;color:var(--white);margin-bottom:4px;}
.tier-header-cell p{font-size:0.78rem;color:rgba(255,255,255,0.55);line-height:1.5;}
.tier-data-cell{background:var(--white);padding:20px;border-left:1px solid var(--cream);border-bottom:1px solid var(--cream);}
.tier-data-cell:nth-child(5n){background:#fdf9f7;}
.tier-badge-label{font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--primary-dark);margin-bottom:6px;}
.tier-spend{font-family:'Fraunces',serif;font-size:1rem;font-weight:700;color:var(--accent);margin-bottom:10px;}
.tier-desc{font-size:0.8rem;color:var(--text-muted);line-height:1.6;}
.tier-desc strong{color:var(--accent);}
/* ── IMPORTANT NOTES ── */
.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.note-item{background:var(--accent);border-radius:var(--radius-md);padding:22px;display:flex;gap:14px;}
.note-emoji{font-size:1.2rem;flex-shrink:0;margin-top:2px;}
.note-content{font-size:0.85rem;color:rgba(255,255,255,0.72);line-height:1.65;}
.note-content strong{color:var(--white);}
/* ── CONVERSION BANNER ── */
.conversion-bar{background:var(--primary);padding:60px 0;}
.conversion-inner{text-align:center;max-width:680px;margin:0 auto;}
.conversion-inner h2{font-size:clamp(1.8rem,3.5vw,2.6rem);color:var(--accent);margin-bottom:14px;}
.conversion-inner p{color:rgba(43,43,43,0.72);font-size:1rem;margin-bottom:28px;line-height:1.7;}
.conversion-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
/* ── STICKY CTA BAR ── */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;background:var(--accent);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;z-index:900;box-shadow:0 -4px 20px rgba(0,0,0,0.2);transform:translateY(100%);transition:transform 0.3s ease;}
.sticky-cta.visible{transform:translateY(0);}
.sticky-cta-text{font-size:0.9rem;color:rgba(255,255,255,0.8);}
.sticky-cta-text strong{color:var(--white);}
/* ── FOOTER ── */
.footer{background:var(--accent);color:rgba(255,255,255,0.6);padding:48px 0 28px;}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:36px;}
.footer-logo{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-size:1.2rem;font-weight:700;color:var(--white);margin-bottom:10px;}
.footer-logo img{width:40px;height:40px;object-fit:contain;}
.footer-desc{font-size:0.83rem;color:rgba(255,255,255,0.55);max-width:260px;line-height:1.65;}
.footer-contact a{display:block;font-size:0.83rem;color:rgba(255,255,255,0.6);margin-top:6px;transition:color 0.2s;}
.footer-contact a:hover{color:var(--primary);}
.footer-links h4{color:var(--white);font-family:'Outfit',sans-serif;font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:12px;}
.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
.footer-links ul a{font-size:0.83rem;color:rgba(255,255,255,0.55);transition:color 0.2s;}
.footer-links ul a:hover{color:var(--primary);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;font-size:0.78rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
/* RESPONSIVE */
@media(max-width:1024px){
.seo-grid,.fee-grid,.pkg-grid,.notes-grid,.content-notes{grid-template-columns:1fr 1fr;}
.tier-table-inner{grid-template-columns:1fr;}
.tier-header-cell,.tier-data-cell{border-left:none!important;border-bottom:1px solid var(--cream);}
}
@media(max-width:768px){
.nav-links{display:none;}
.hamburger{display:flex;}
.seo-grid,.fee-grid,.pkg-grid,.notes-grid,.content-grid,.content-notes{grid-template-columns:1fr;}
.web-table{font-size:0.82rem;}
.web-table th,.web-table td{padding:14px 12px;}
}
Transparent Pricing
Every Program isCustom Built.
Every program is custom scoped. Most businesses with a $3,000–$5,000/month marketing budget can build a winning program with us. Programs below our minimums don't generate strong ROI for our clients. If budget is a constraint, we can cut scope to bring the minimums down.
No contracts on most services
Strategy included in every retainer
Per-channel setup fee applies
Free strategy call to start
Web Development
Website Build & Management
New site builds are priced at a one-time flat rate per page. Ongoing management is billed monthly based on site size.
One-Time Build Fee
$600 per page
Paid once at time of build. Monthly management begins after launch.
Get a Build Quote →
Monthly Management After Build
Monthly Marketing Budget
Web Management Fee
What's Included
Under $7,500/mo $600
minimum / month
Edits, maintenance & updates
$7,500–$15,000/mo 8%
of total monthly budget
Edits, maintenance & updates
$15,000+/mo 17.5%
of total monthly budget
Edits, maintenance & updates · Conversion Rate Optimization
SEO
Search Engine Optimization
Priced per location. Choose the package that fits your footprint.
Multi-Location Package
For businesses operating multiple locations in one market
One-Time Research Fee
$16,000
per market
+ $8,000 refresh every 9 months
Then Monthly
$2,800
per month · per location
4× weekly Google Business Profile posts
2× monthly website blog posts
1× weekly off-page post
4 website page refreshes per location
Backlink management & analysis
Full strategy included
Single Location Package
For businesses operating in one market
Research Bundled Into Monthly
$3,800
per month · per location
4× weekly Google Business Profile posts
2× monthly website blog posts
1× weekly off-page post
4 website page refreshes per location
Market research & analysis included
Backlink management & analysis
Full strategy included
12-month minimum contract
Flexible scope. We can cut or add to the monthly scope if you're in a high- or low-competition industry.
Ad Management
Paid Advertising Management Fees
Fees are calculated as a percentage of your ad spend. Strategy, reporting, and optimization are always included.
20%
Pay-Per-Click (PPC)
Google PPC. Strategy, setup, and ongoing campaign management.
$750/mo minimum · minimum ad spend $3,750/mo
12.5%
Local Service Ads
Google LSA. Verification, profile optimization, and lead management.
$500/mo minimum · minimum ad spend $4,000/mo
20%
Social Advertising
Meta & TikTok. Creative direction, audience strategy, and management.
$750/mo minimum · minimum ad spend $3,750/mo
Content Production
Creative & Content Pricing
Base pricing covers one platform. Multi-channel distribution and travel fees apply where noted.
Graphic
Static designed image · 1 channel
$270
Animated Graphic
Motion design · 1 channel
$450
Short Video
Up to 40 seconds · 1 channel
$360
Long-Form Video
Per minute of edited footage · 1 channel
$480/min
Multi-channel distribution is +$100 per additional channel per piece of content. Base pricing covers one platform.
Long-distance filming: +$125 for locations north of Longview or south of Portland. We do not film past Seattle or Salem.
Starter Packages
Not Sure Where to Start?
Two entry-level options designed for businesses building their digital presence for the first time.
Local Presence Starter
SEO + Website
$2,800 / month
SEO program with limited market research
Starter website management included (up to 36 pages, edits, maintenance & updates)
Keyword cluster scope aligned to the 36-page site cap
1× monthly website blog post
2 website page refreshes per month
Google Business Profile optimization
Best for businesses getting started with local digital
12-month contract
Social Strategy Advisor
You Create · We Strategize
$1,200 / month
Client handles all content creation, posting, and advertising
Limited monthly performance analysis report
Monthly 1-hour 1-on-1 strategy meeting
Channel optimization recommendations
Best for owners who want expert direction without outsourcing production
Reporting & Analysis
What You Get
Reporting depth scales with your monthly marketing spend. Clients below $50,000/month don't have enough data volume to justify technical analysis or custom dashboards, so we don't sell them that.
Monthly Spend
Under $10,000
✓ One-page reports on an as-needed basis✓ Semi-annual report included
+ Everything in the tier below✓ Monthly one-page performance reports
+ Everything in the tier below✓ Monthly channel meetings
+ Everything in the tier below✓ Full technical analysis✓ Custom dashboards built around your business✓ Weekly check-ins$ Add-on fees apply at this tier. Dashboard setup, dashboard maintenance, and ongoing technical analysis are billed separately on top of the retainer. Scoped per engagement.
Important Notes
Good to Know Before We Start
Technical Implementation. Any custom technical work is billed at $750/hour. This covers specialized builds, integrations, and custom development outside standard deliverables.
Standalone Consulting. Strategy and consulting sessions available at $1,250/hour. No retainer required. Ideal for one-off expert-level marketing direction.
Platform Support Excluded. We do not contact advertising platforms, Google, Meta, or any third-party vendor on your behalf. Platform disputes must be handled directly by the client.
Everything's Included. Strategy, analysis, reporting, and optimization are baked into every retainer. Backlink management and channel analysis are included in SEO. No hidden add-ons.
Not Sure Which Services You Need?
Book a free strategy call. We'll review your business, tell you exactly what's worth investing in, and give you a straight answer on what it would cost.
.cc-footer {
--cc-blush: #F4B6C2;
--cc-charcoal: #2B2B2B;
--cc-white: #FFFFFF;
--cc-cream: #F5F5F5;
--cc-font-body: 'Outfit', system-ui, sans-serif;
--cc-font-display: 'Fraunces', Georgia, serif;
background: var(--cc-charcoal);
color: rgba(255,255,255,0.82);
font-family: var(--cc-font-body);
padding: 72px 32px 32px;
margin-top: 80px;
}
.cc-footer__inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
gap: 56px;
}
.cc-footer__brand {
font-family: var(--cc-font-display);
font-weight: 600;
font-size: 26px;
color: var(--cc-white);
margin: 0 0 14px;
letter-spacing: -0.01em;
}
.cc-footer__tagline {
font-size: 15px;
line-height: 1.6;
color: rgba(255,255,255,0.65);
margin: 0 0 24px;
max-width: 320px;
}
.cc-footer__social {
display: flex;
gap: 10px;
list-style: none;
padding: 0;
margin: 0;
}
.cc-footer__social a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(255,255,255,0.06);
color: rgba(255,255,255,0.85);
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.cc-footer__social a:hover {
background: var(--cc-blush);
color: var(--cc-charcoal);
}
.cc-footer__social svg { width: 16px; height: 16px; fill: currentColor; }
.cc-footer__col-title {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--cc-blush);
margin: 0 0 18px;
}
.cc-footer__list { list-style: none; padding: 0; margin: 0; }
.cc-footer__list li { margin-bottom: 10px; }
.cc-footer__list a {
color: rgba(255,255,255,0.78);
text-decoration: none;
font-size: 15px;
transition: color 0.18s ease;
}
.cc-footer__list a:hover { color: var(--cc-white); }
.cc-footer__contact-line {
display: block;
font-size: 15px;
color: rgba(255,255,255,0.78);
margin-bottom: 10px;
text-decoration: none;
transition: color 0.18s ease;
}
.cc-footer__contact-line:hover { color: var(--cc-white); }
.cc-footer__contact-label {
display: block;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: rgba(255,255,255,0.7);
margin-bottom: 2px;
}
.cc-footer__bottom {
max-width: 1280px;
margin: 56px auto 0;
padding-top: 24px;
border-top: 1px solid rgba(255,255,255,0.10);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px;
font-size: 13px;
color: rgba(255,255,255,0.55);
}
.cc-footer__bottom a { color: rgba(255,255,255,0.7); text-decoration: none; }
.cc-footer__bottom a:hover { color: var(--cc-white); }
.cc-footer__legal { display: flex; gap: 20px; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
@media (max-width: 900px) {
.cc-footer { padding: 56px 20px 28px; }
.cc-footer__inner { grid-template-columns: 1fr 1fr; gap: 40px; }
}
@media (max-width: 540px) {
.cc-footer__inner { grid-template-columns: 1fr; gap: 36px; }
.cc-footer__bottom { justify-content: flex-start; }
}