.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; }
}
Digital Marketing Agency Vancouver WA | Croc's and Clicks
:root {
--primary: #F4B6C2;
--primary-dark: #a83a5a;
--primary-light: #fce8ed;
--accent: #2B2B2B;
--white: #ffffff;
--cream: #F8F4F0;
--cream-dark: #e8e0d8;
--text: #3a3a3a;
--text-muted: #555c66;
--shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
--shadow-md: 0 8px 24px rgba(0,0,0,0.12);
--shadow-lg: 0 16px 48px rgba(0,0,0,0.16);
--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 20px;
--transition: all 0.25s ease;
}
*,*::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;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5{font-family:'Fraunces',serif;line-height:1.15;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{max-width:1280px;margin:0 auto;padding:0 24px;}
.section-tag{display:inline-block;background:var(--primary-light);color:var(--primary-dark);font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:6px 14px;border-radius:50px;margin-bottom:16px;}
.section-header{text-align:center;margin-bottom:60px;}
.section-header h2{font-size:clamp(2rem,4vw,2.75rem);color:var(--accent);margin-bottom:16px;}
.section-header p{color:var(--text-muted);font-size:1.05rem;max-width:600px;margin:0 auto;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-sm);font-weight:600;font-size:0.95rem;cursor:pointer;border:none;transition:var(--transition);font-family:'Outfit',sans-serif;}
.btn-primary{background:var(--primary);color:var(--accent);}
.btn-primary:hover{background:var(--primary-dark);color:var(--white);}
.btn-secondary{background:transparent;color:var(--accent);border:2px solid var(--accent);}
.btn-secondary:hover{background:var(--accent);color:var(--white);}
/* NAV */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0;transition:var(--transition);background:rgba(255,255,255,0.97);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);}
.navbar.scrolled{background:rgba(255,255,255,0.97);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1280px;margin:0 auto;}
.logo{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-size:1.25rem;font-weight:700;color:var(--accent);}
.logo-icon{width:48px;height:48px;object-fit:contain;}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none;}
.nav-links a{font-size:0.9rem;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:10px 20px;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:12px 0;min-width:240px;z-index:100;}
.nav-dropdown:hover .nav-dropdown-content{display:block;}
.nav-dropdown-content a{display:block;padding:10px 20px;font-size:0.875rem;color:var(--text);transition:var(--transition);}
.nav-dropdown-content a:hover{background:var(--cream);color:var(--primary-dark);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
.hamburger span{display:block;width:24px;height:2px;background:var(--accent);border-radius:2px;transition:var(--transition);}
.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;display:flex;flex-direction:column;gap:0;}
.mobile-nav li a{display:block;padding:16px 0;font-size:1.1rem;font-weight:600;color:var(--accent);border-bottom:1px solid var(--cream);}
.mobile-nav-close{position:absolute;top:20px;right:24px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--accent);}
/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden;background:var(--white);}
.hero::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(ellipse,rgba(244,182,194,0.12) 0%,transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:stretch;}
.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:20px;}
.hero-badge{display:inline-flex;align-items:center;background:var(--primary);color:var(--accent);padding:7px 16px;border-radius:50px;font-size:0.8rem;font-weight:600;letter-spacing:0.03em;width:fit-content;}
.hero h1{font-size:clamp(2.2rem,4vw,3.2rem);color:var(--accent);line-height:1.1;margin:0;}
.hero h1 span{color:var(--primary-dark);}
.hero-text{font-size:1rem;color:var(--text-muted);margin:0;max-width:440px;line-height:1.65;}
.hero-stats{display:flex;gap:24px;padding-top:16px;border-top:1px solid rgba(0,0,0,0.07);}
.stat-number{font-family:'Fraunces',serif;font-size:1.75rem;font-weight:700;color:var(--primary-dark);line-height:1;}
.stat-label{font-size:0.75rem;color:var(--text-muted);margin-top:2px;}
.hero-visual{position:relative;display:flex;flex-direction:column;}
/* HERO MINI FORM */
.hero-mini-form{flex:1;background:var(--cream);border-radius:var(--radius-lg);padding:22px;border:1px solid rgba(0,0,0,0.06);margin-top:8px;}
.hero-form-headline{font-family:'Fraunces',serif;font-size:1.05rem;font-weight:700;color:var(--accent);margin-bottom:14px;}
.hero-mini-form form{display:flex;flex-direction:column;gap:10px;}
.hero-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.hero-mini-form input,.hero-mini-form select{padding:10px 13px;border:1.5px solid rgba(0,0,0,0.1);border-radius:var(--radius-sm);font-family:'Outfit',sans-serif;font-size:0.88rem;color:var(--accent);background:var(--white);outline:none;width:100%;}
.hero-mini-form input:focus,.hero-mini-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(244,182,194,0.2);}
.hero-form-btn{width:100%;justify-content:center;padding:13px;font-size:0.9rem;margin-top:4px;}
.hero-form-note{font-size:0.7rem;color:var(--text-muted);text-align:center;margin-top:8px;}
/* RANKING GRID */
.ranking-grid-widget{flex:1;display:flex;flex-direction:column;background:#0f1117;border-radius:16px;padding:20px;box-shadow:0 24px 64px rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.07);}
.grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:8px;}
.grid-business-pin{display:flex;align-items:center;gap:8px;color:#fff;font-size:0.8rem;font-weight:600;}
.grid-keyword{font-size:0.72rem;color:rgba(255,255,255,0.45);background:rgba(255,255,255,0.07);padding:3px 10px;border-radius:20px;}
.grid-explainer{font-size:0.72rem;color:rgba(255,255,255,0.45);line-height:1.5;margin-bottom:12px;font-style:italic;}
.ranking-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:14px;flex:1;align-content:start;}
.grid-cell{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700;color:#fff;cursor:default;}
.center-cell{transform:scale(1.08);z-index:3;}
.grid-footer{display:flex;flex-direction:column;gap:10px;}
.legend-gradient{height:8px;border-radius:4px;background:linear-gradient(to right,#F4B6C2,#e8527a,#c4c4c4,#e5e5e5);margin-bottom:5px;}
.legend-labels{display:flex;gap:4px;font-size:0.65rem;color:rgba(255,255,255,0.4);}
.grid-stats-row{display:flex;gap:0;border-top:1px solid rgba(255,255,255,0.08);padding-top:12px;}
.grid-stat{flex:1;text-align:center;display:flex;flex-direction:column;gap:2px;}
.grid-stat:not(:last-child){border-right:1px solid rgba(255,255,255,0.08);}
.gs-num{font-family:'Fraunces',serif;font-size:1.3rem;font-weight:700;color:#F4B6C2;line-height:1;}
.gs-lbl{font-size:0.65rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.06em;}
/* TEAM */
.team-section{padding:100px 0;background:var(--cream);}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px;}
.team-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,0.06);transition:var(--transition);}
.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.team-photo-wrap{width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--primary-light);}
.team-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;image-rendering:-webkit-optimize-contrast;}
.team-photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#f9f0f3 0%,#f4e8ec 100%);}
.team-photo-placeholder span{font-size:0.78rem;color:var(--primary-dark);font-weight:600;letter-spacing:0.04em;}
.team-info{padding:24px;}
.team-name{font-family:'Fraunces',serif;font-size:1.25rem;font-weight:700;color:var(--accent);margin:0 0 4px;}
.team-role{font-size:0.8rem;font-weight:600;color:var(--primary-dark);text-transform:uppercase;letter-spacing:0.06em;margin:0 0 12px;}
.team-bio{font-size:0.88rem;color:var(--text-muted);line-height:1.7;margin:0 0 14px;}
.team-tags{display:flex;flex-wrap:wrap;gap:6px;}
.team-tags span{font-size:0.72rem;font-weight:600;background:rgba(244,182,194,0.2);color:var(--primary-dark);padding:4px 10px;border-radius:20px;}
/* SERVICES */
.services{padding:100px 0;background:var(--white);}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.service-card{background:var(--cream);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}
.service-icon-header{padding:28px 28px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(0,0,0,0.06);}
.service-icon-wrap{width:56px;height:56px;background:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;}
.service-icon-label{font-size:0.75rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);}
.service-content{padding:24px 28px 28px;}
.service-content h3{font-size:1.2rem;color:var(--primary-dark);margin-bottom:12px;}
.service-content p{color:var(--text-muted);font-size:0.9rem;line-height:1.7;margin-bottom:20px;}
.service-link{font-size:0.9rem;font-weight:600;color:var(--primary-dark);display:inline-flex;align-items:center;gap:6px;transition:var(--transition);}
.service-link:hover{gap:12px;}
.pricing-anchor{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap;}
.pricing-anchor-cta{display:inline-flex;align-items:center;background:var(--primary);color:var(--accent);padding:12px 24px;border-radius:var(--radius-sm);font-weight:700;font-size:0.9rem;text-decoration:none;transition:var(--transition);}
.pricing-anchor-cta:hover{background:var(--primary-dark);color:var(--white);}
.pricing-anchor-note{font-size:0.85rem;color:var(--text-muted);font-style:italic;}
/* INDUSTRIES */
.industries{padding:100px 0;background:var(--accent);}
.industries .section-tag{background:rgba(244,182,194,0.2);color:var(--primary);}
.industries .section-header h2{color:var(--white);}
.industries .section-header p{color:rgba(255,255,255,0.7);}
.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.industry-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);padding:28px;transition:var(--transition);}
.industry-card:hover{background:rgba(255,255,255,0.1);transform:translateY(-4px);}
.industry-card h3{font-size:1.1rem;color:var(--white);margin-bottom:8px;}
.industry-card p{font-size:0.88rem;color:rgba(255,255,255,0.6);line-height:1.6;}
/* PROCESS */
.process{padding:100px 0;background:var(--cream);}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:60px;}
.process-step{text-align:center;}
.step-num{width:56px;height:56px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:1.25rem;font-weight:700;color:var(--accent);margin:0 auto 16px;}
.process-step h3{font-size:1rem;color:var(--accent);margin-bottom:8px;}
.process-step p{font-size:0.88rem;color:var(--text-muted);line-height:1.6;}
/* REVIEWS */
.testimonials{padding:100px 0;background:var(--white);}
.reviews-coming-soon{text-align:center;padding:40px;max-width:540px;margin:0 auto;}
.rcs-icon{width:72px;height:72px;background:rgba(244,182,194,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;}
.reviews-coming-soon h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--accent);margin-bottom:16px;}
.reviews-coming-soon p{color:var(--text-muted);font-size:1rem;line-height:1.7;margin-bottom:28px;}
/* VIDEO SECTIONS */
.seo-video-section{padding:100px 0;background:var(--accent);}
.seo-video-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.seo-video-text h2{font-size:clamp(1.75rem,3.5vw,2.75rem);color:var(--white);margin-bottom:20px;margin-top:16px;}
.seo-video-text>p{color:rgba(255,255,255,0.8);font-size:1.05rem;line-height:1.75;margin-bottom:36px;}
.seo-insight-list{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;}
.seo-insight{display:flex;gap:18px;align-items:flex-start;}
.seo-insight-num{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:700;color:var(--primary);min-width:36px;line-height:1;padding-top:2px;}
.seo-insight strong{display:block;color:var(--white);font-size:1rem;font-weight:600;margin-bottom:4px;}
.seo-insight p{color:rgba(255,255,255,0.7);font-size:0.9rem;margin:0;line-height:1.6;}
.seo-video-embed-col{display:flex;flex-direction:column;gap:24px;}
.seo-revenue-callout{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-md);padding:24px 28px;}
.seo-callout-label{font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--primary);margin:0 0 16px;}
.seo-callout-items{display:flex;flex-direction:column;gap:12px;}
.seo-callout-item{display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,0.8);font-size:0.9rem;line-height:1.5;}
.seo-callout-item::before{content:'→';color:var(--primary);font-weight:700;flex-shrink:0;margin-top:1px;}
.video-section{padding:100px 0;background:var(--accent);}
.video-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.video-text h2{font-size:clamp(1.75rem,3.5vw,2.6rem);color:var(--white);margin-bottom:20px;margin-top:16px;}
.video-text>p{color:rgba(255,255,255,0.8);font-size:1.05rem;line-height:1.75;margin-bottom:36px;}
.video-insight-list{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;}
.video-insight{display:flex;gap:18px;align-items:flex-start;}
.insight-num{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:700;color:var(--primary);min-width:36px;}
.video-insight strong{display:block;color:var(--white);font-size:1rem;font-weight:600;margin-bottom:4px;}
.video-insight p{color:#e8e8e8;font-size:0.9rem;margin:0;line-height:1.6;}
.video-embed-col{display:flex;flex-direction:column;gap:24px;}
.video-wrapper{border-radius:var(--radius-md);overflow:hidden;position:relative;width:100%;aspect-ratio:16/9;}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block;}
.video-callout{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-md);padding:24px;}
.callout-stat{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;}
.callout-num{font-family:'Fraunces',serif;font-size:2.5rem;font-weight:700;color:var(--primary);line-height:1;}
.callout-label{color:rgba(255,255,255,0.7);font-size:0.9rem;}
.callout-divider{height:1px;background:rgba(255,255,255,0.1);margin:12px 0;}
.callout-quote{color:rgba(255,255,255,0.8);font-size:0.9rem;line-height:1.6;font-style:italic;}
.callout-attr{font-size:0.78rem;color:rgba(255,255,255,0.5);margin-top:8px;}
.meta-video-section{padding:100px 0;background:var(--cream);}
.meta-video-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.meta-video-embed-col{display:flex;flex-direction:column;gap:24px;}
.meta-pipeline-steps{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;}
.pipeline-step{display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--white);border-bottom:1px solid rgba(0,0,0,0.06);}
.pipeline-step:last-child{border-bottom:none;}
.pipeline-step--result{background:var(--primary);}
.pipeline-step--result .step-label,.pipeline-step--result p,.pipeline-step--result strong{color:var(--accent);}
.step-label{font-weight:700;font-size:0.8rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--primary-dark);min-width:90px;}
.pipeline-step p{margin:0;font-size:0.88rem;color:var(--text-muted);line-height:1.4;}
.meta-video-text h2{font-size:clamp(1.75rem,3.5vw,2.75rem);color:var(--accent);margin-bottom:20px;margin-top:16px;}
.meta-video-text>p{color:var(--text-muted);font-size:1.05rem;line-height:1.75;margin-bottom:36px;}
.meta-insight-list{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;}
.meta-insight{display:flex;gap:18px;align-items:flex-start;}
.meta-insight-num{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:700;color:var(--primary);min-width:36px;line-height:1;}
.meta-insight strong{display:block;color:var(--accent);font-size:1rem;font-weight:600;margin-bottom:4px;}
.meta-insight p{color:var(--text-muted);font-size:0.9rem;margin:0;line-height:1.6;}
/* CONTACT FORM */
.contact-form-section{padding:100px 0;background:var(--white);}
.contact-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.contact-form-text h2{font-size:clamp(1.75rem,3.5vw,2.6rem);color:var(--accent);margin-bottom:20px;margin-top:16px;}
.contact-form-text>p{color:var(--text-muted);font-size:1.05rem;line-height:1.75;margin-bottom:28px;}
.contact-proof{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;}
.contact-proof-item{display:flex;align-items:center;gap:12px;color:var(--text);font-size:0.95rem;}
.proof-icon{width:22px;height:22px;background:var(--primary);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:900;flex-shrink:0;}
.contact-direct p{font-size:0.9rem;color:var(--text-muted);margin:4px 0;}
.contact-phone-link{color:var(--primary-dark);font-weight:700;}
.contact-phone-link:hover{text-decoration:underline;}
.contact-form-wrapper{background:var(--cream);border-radius:var(--radius-lg);padding:36px;border:1px solid rgba(0,0,0,0.06);}
.lead-form{display:flex;flex-direction:column;gap:18px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group label{font-size:0.82rem;font-weight:600;color:var(--accent);letter-spacing:0.02em;}
.form-group input,.form-group select,.form-group textarea{padding:11px 14px;border:1.5px solid rgba(0,0,0,0.12);border-radius:var(--radius-sm);font-family:'Outfit',sans-serif;font-size:0.9rem;color:var(--accent);background:var(--white);outline:none;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(244,182,194,0.2);}
.form-group textarea{resize:vertical;min-height:100px;}
.form-submit-btn{width:100%;justify-content:center;padding:16px;font-size:1rem;}
.form-disclaimer{font-size:0.72rem;color:var(--text-muted);text-align:center;margin:0;}
/* FAQ */
.faq{padding:100px 0;background:var(--white);}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.faq-content h2{font-size:clamp(2rem,4vw,2.75rem);color:var(--primary-dark);margin-bottom:24px;}
.faq-content>p{font-size:1.05rem;color:var(--text-muted);margin-bottom:32px;}
.faq-list{display:flex;flex-direction:column;gap:12px;}
.faq-item{border:1px solid var(--cream-dark);border-radius:var(--radius-md);overflow:hidden;transition:border-color 0.2s ease;}
.faq-item:hover{border-color:var(--primary);}
.faq-item[open]{border-color:var(--primary);}
.faq-question{list-style:none;width:100%;padding:20px 24px;background:var(--cream);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:'Outfit',sans-serif;font-size:1rem;font-weight:600;color:var(--accent);}
.faq-question::-webkit-details-marker{display:none;}
.faq-question::after{content:'+';font-size:1.4rem;color:var(--primary);flex-shrink:0;margin-left:12px;transition:transform 0.2s ease;}
.faq-item[open] .faq-question::after{transform:rotate(45deg);}
.faq-item[open] .faq-question{background:var(--primary-light);}
.faq-answer-content{padding:16px 24px 20px;color:var(--text-muted);line-height:1.7;font-size:0.95rem;background:var(--white);}
/* MAP */
.map-section{padding:100px 0;background:var(--cream);}
.map-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.map-content h2{font-size:clamp(2rem,4vw,2.75rem);color:var(--accent);margin-bottom:20px;}
.map-content p{color:var(--text-muted);font-size:1.05rem;line-height:1.7;margin-bottom:24px;}
.map-detail-item{margin-bottom:16px;}
.map-detail-item strong{font-size:0.85rem;color:var(--accent);display:block;}
.map-detail-item span,.map-detail-item a{font-size:0.9rem;color:var(--text-muted);}
.map-detail-item a:hover{color:var(--primary-dark);}
.map-embed{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);}
.map-embed iframe{width:100%;height:400px;border:0;display:block;}
/* CTA */
.cta{padding:100px 0;background:var(--primary);}
.cta-inner{text-align:center;max-width:700px;margin:0 auto;}
.cta h2{font-size:clamp(2rem,4vw,3rem);color:var(--accent);margin-bottom:20px;}
.cta p{color:rgba(43,43,43,0.75);font-size:1.1rem;margin-bottom:36px;}
.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
/* FOOTER */
.footer{background:var(--accent);color:rgba(255,255,255,0.7);padding:60px 0 32px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.footer-logo{display:flex;align-items:center;gap:12px;font-family:'Fraunces',serif;font-size:1.5rem;font-weight:700;margin-bottom:20px;color:var(--white);}
.footer-logo img{width:48px;height:48px;object-fit:contain;}
.footer-desc{font-size:0.9rem;line-height:1.7;max-width:280px;margin-bottom:20px;}
.footer-contact a{display:block;color:rgba(255,255,255,0.7);font-size:0.88rem;margin-bottom:4px;transition:var(--transition);}
.footer-contact a:hover{color:var(--primary);}
.footer-col h4{color:var(--white);font-family:'Outfit',sans-serif;font-size:0.85rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:16px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.footer-col ul a{font-size:0.88rem;color:rgba(255,255,255,0.65);transition:var(--transition);}
.footer-col ul a:hover{color:var(--primary);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:0.82rem;}
/* RESPONSIVE */
@media(max-width:1024px){
.hero-grid,.seo-video-layout,.video-layout,.meta-video-layout,.contact-form-layout,.map-layout,.faq-grid{grid-template-columns:1fr;gap:48px;}
.team-grid,.services-grid{grid-template-columns:repeat(2,1fr);}
.process-steps{grid-template-columns:repeat(2,1fr);}
.industries-grid{grid-template-columns:repeat(2,1fr);}
.footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
.nav-links{display:none;}
.hamburger{display:flex;}
.hero-form-row{grid-template-columns:1fr;}
.form-row{grid-template-columns:1fr;}
.team-grid,.services-grid{grid-template-columns:1fr;}
.industries-grid{grid-template-columns:1fr;}
.process-steps{grid-template-columns:1fr 1fr;}
.footer-grid{grid-template-columns:1fr;}
.footer-bottom{flex-direction:column;text-align:center;}
}
@media(max-width:480px){
.hero{padding:100px 0 60px;}
.process-steps{grid-template-columns:1fr;}
.contact-form-wrapper{padding:24px;}
}
/* Grid animations */
@keyframes cell_0 { 0%,40%,100% { background:#1e0f18;color:rgba(255,255,255,0.4); } 50%,90% { background:#1e0f18;color:rgba(255,255,255,0.4); } }
@keyframes cell_1 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_2 { 0%,40%,100% { background:#3a1525;color:rgba(255,255,255,0.7); } 50%,90% { background:#3a1525;color:rgba(255,255,255,0.7); } }
@keyframes cell_3 { 0%,40%,100% { background:#7a2040;color:#fff; } 50%,90% { background:#7a2040;color:#fff; } }
@keyframes cell_4 { 0%,40%,100% { background:#3a1525;color:rgba(255,255,255,0.7); } 50%,90% { background:#3a1525;color:rgba(255,255,255,0.7); } }
@keyframes cell_5 { 0%,40%,100% { background:#3a1525;color:rgba(255,255,255,0.7); } 50%,90% { background:#1e0f18;color:rgba(255,255,255,0.4); } }
@keyframes cell_6 { 0%,40%,100% { background:#1e0f18;color:rgba(255,255,255,0.4); } 50%,90% { background:#1e0f18;color:rgba(255,255,255,0.4); } }
@keyframes cell_7 { 0%,40%,100% { background:#3a1525;color:rgba(255,255,255,0.7); } 50%,90% { background:#1e0f18;color:rgba(255,255,255,0.4); } }
@keyframes cell_8 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_9 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_10 { 0%,40%,100% { background:#d43f68;color:#fff; } 50%,90% { background:#d43f68;color:#fff; } }
@keyframes cell_11 { 0%,40%,100% { background:#b83059;color:#fff; } 50%,90% { background:#7a2040;color:#fff; } }
@keyframes cell_12 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_13 { 0%,40%,100% { background:#3a1525;color:rgba(255,255,255,0.7); } 50%,90% { background:#3a1525;color:rgba(255,255,255,0.7); } }
@keyframes cell_14 { 0%,40%,100% { background:#3a1525;color:rgba(255,255,255,0.7); } 50%,90% { background:#3a1525;color:rgba(255,255,255,0.7); } }
@keyframes cell_15 { 0%,40%,100% { background:#b83059;color:#fff; } 50%,90% { background:#7a2040;color:#fff; } }
@keyframes cell_16 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_17 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_18 { 0%,40%,100% { background:#d43f68;color:#fff; } 50%,90% { background:#e8527a;color:#fff; } }
@keyframes cell_19 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_20 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_21 { 0%,40%,100% { background:#7a2040;color:#fff; } 50%,90% { background:#7a2040;color:#fff; } }
@keyframes cell_22 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_23 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_c { 0%,100% { box-shadow: 0 0 0 3px #fff, 0 0 20px rgba(244,182,194,0.8); } 50% { box-shadow: 0 0 0 3px #fff, 0 0 32px rgba(244,182,194,1); } }
@keyframes cell_25 { 0%,40%,100% { background:#e8527a;color:#fff; } 50%,90% { background:#d43f68;color:#fff; } }
@keyframes cell_26 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_27 { 0%,40%,100% { background:#3a1525;color:rgba(255,255,255,0.7); } 50%,90% { background:#3a1525;color:rgba(255,255,255,0.7); } }
@keyframes cell_28 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_29 { 0%,40%,100% { background:#b83059;color:#fff; } 50%,90% { background:#b83059;color:#fff; } }
@keyframes cell_30 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_31 { 0%,40%,100% { background:#f0a0b5;color:#2B2B2B; } 50%,90% { background:#F4B6C2;color:#2B2B2B; } }
@keyframes cell_32 { 0%,40%,100% { background:#e8527a;color:#fff; } 50%,90% { background:#d43f68;color:#fff; } }
@keyframes cell_33 { 0%,40%,100% { background:#b83059;color:#fff; } 50%,90% { background:#b83059;color:#fff; } }
@keyframes cell_34 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_35 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_36 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_37 { 0%,40%,100% { background:#7a2040;color:#fff; } 50%,90% { background:#b83059;color:#fff; } }
@keyframes cell_38 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_39 { 0%,40%,100% { background:#b83059;color:#fff; } 50%,90% { background:#d43f68;color:#fff; } }
@keyframes cell_40 { 0%,40%,100% { background:#7a2040;color:#fff; } 50%,90% { background:#7a2040;color:#fff; } }
@keyframes cell_41 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_42 { 0%,40%,100% { background:#1e0f18;color:rgba(255,255,255,0.4); } 50%,90% { background:#1e0f18;color:rgba(255,255,255,0.4); } }
@keyframes cell_43 { 0%,40%,100% { background:#3a1525;color:rgba(255,255,255,0.7); } 50%,90% { background:#3a1525;color:rgba(255,255,255,0.7); } }
@keyframes cell_44 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_45 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_46 { 0%,40%,100% { background:#3a1525;color:rgba(255,255,255,0.7); } 50%,90% { background:#3a1525;color:rgba(255,255,255,0.7); } }
@keyframes cell_47 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
@keyframes cell_48 { 0%,100% { opacity:1; } 50% { opacity:0.85; } }
.team-photo--ben { object-fit: cover; object-position: center 20%; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; }
.team-card:has(.team-photo--ben) .team-photo-wrap { background: #c8c0bb; }
/* Accessibility helpers */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
Vancouver, WA Marketing Agency
Vancouver WA Marketing AgencyGet More Leads. Dominate Local Search.
Croc's and Clicks is a marketing agency in Vancouver, WA delivering SEO, PPC, web design, and social media for contractors and small businesses across Clark County and Southwest Washington.
Ben Sehayek
Marketing Strategist & Account Manager
Ben graduated from Western Washington University with a degree in Marketing and honed his skills at Hibu, one of the largest digital marketing agencies in the country. With 6+ years building campaigns across SEO, PPC, and Meta, he leads strategy and client relationships at Croc's & Clicks, owning the full go-to-market pipeline for every account.
SEO Strategy PPC Account Management
Nithya
Content Creator — Social Media & Visual Content
Nithya started working with Ben at 16, originally doing graphic design. She's since grown into a full content creator role, producing videos, photos, and graphics for social media and website content. She studies at Indiana University's Kelley School of Business, ranked #4 nationally in Marketing.
Social Media Video & Photo Graphic Design
Justin
Marketing Data Analyst
Justin is finishing a Marketing degree at Cal Poly this spring. Where most agencies rely on dashboards and gut feel, Justin sees what others miss through statistical analysis of large datasets. Our most recent hire, he came in with a freelance web development background and outperformed candidates with 4+ years of experience during the technical interview.
Python & APIs Statistical Modeling SEO Analysis Paid Campaigns
Crown Electric. Real Data.
How We Think About Local Rankings Differently
Most agencies celebrate how much of the map you're covering. We care about which parts of the map actually generate revenue. Watch Ben break down a live ranking analysis for Crown Electric, a local electrical contractor in Vancouver, WA, targeting the keyword "rewiring Vancouver, Washington."
01
Geography that converts — ranking in distant cities means nothing for a Vancouver contractor. We focus on the zip codes that actually send you customers.
02
Population-weighted ranking — top 3 in Camas looks great until you realize Vancouver proper has 2x the population and he's not in the top 10 there.
03
A clear picture of the gap — we show you exactly where you're winning, where you're losing, and what it would take to close the difference.
See How Your Business Ranks →
VIDEO
2/3 of Clark County population unreached — fixable with the right strategy
"We might look like we're ranking in three quarters of Clark County, but really we're only targeting a little less than one third of the entire population."
— Ben Sehayek, live client analysis
SEO Services Vancouver WA Dominate local search results with our proven search engine optimization strategies. We help Vancouver businesses rank higher on Google and attract more qualified leads through technical SEO, local SEO, and content optimization.
Learn About SEO →
PPC Management Get instant visibility with expertly managed pay-per-click advertising campaigns. Our PPC agency specializes in Google Ads, delivering high-converting campaigns that maximize your ROI and bring qualified traffic to your business.
Explore PPC Services →
Web Design Vancouver WA Beautiful, fast, conversion-optimized websites that turn visitors into customers. Our web design team creates stunning sites that look incredible on every device while being built for search engine success and lead generation.
See Our Web Design →
Social Media Marketing Build your brand and engage your audience with strategic social media marketing. We create compelling content and manage your social presence to increase brand awareness, drive engagement, and generate leads.
Discover Social Media →
Marketing for Contractors Specialized digital marketing strategies designed for HVAC, roofing, plumbing, electrical, and general contractors. We understand the contractor industry and deliver marketing that generates quality leads and grows your business.
Contractor Marketing →
Local SEO & Marketing Be found by customers searching "near me" in Vancouver, WA and surrounding areas. Our local SEO strategies optimize your Google Business Profile, build local citations, and ensure you appear when local customers are ready to buy.
Local Marketing →
HVAC Contractors Seasonal campaigns, local SEO, and Google Ads that fill your schedule year-round.
Roofing Companies Storm-season PPC, local rankings, and websites that convert storm damage leads.
Plumbing & Electrical Emergency service targeting and local visibility that gets you the first call.
General Contractors Project-based lead generation and brand building for remodeling and construction.
Painting Contractors Seasonal campaigns and local SEO to keep your crew booked months in advance.
Small Businesses Full-service digital marketing tailored to local businesses in Vancouver and the surrounding area.
1
Strategy Call We review your business, goals, competition, and current marketing to build a custom plan.
2
Research & Build Keyword research, campaign setup, and asset creation before we spend a single dollar.
3
Launch & Optimize We go live and monitor daily, making data-driven adjustments to improve performance.
4
Report & Grow Monthly reporting with clear metrics tied to leads and revenue, not just traffic.
Marketing Analytics
See Exactly How Your Marketing Is Performing in Real Time
We build custom dashboards that pull from every data source in your marketing program — ad campaigns, Google Search Console, CRM, conversion tracking — and bring it all into one place. No more guessing which channel is working.
01
Built around your business — a contractor focused on lead gen gets a different dashboard than an insurance company tracking brand awareness and market saturation.
02
Primary and secondary data — we enrich your dashboard with statistical models like revenue regression, so you're not just seeing what happened, you're seeing what's likely to happen.
03
Set it once, watch it evolve — data updates near real time so you always know where your program stands without pulling a report.
Get Your Custom Dashboard →
Frequently Asked Questions
Common Questions About Digital Marketing
Get answers to the most common questions about our services, pricing, and what to expect working with Croc's and Clicks.
Still Have Questions? Contact Us →
How much does digital marketing cost for a small business? Our managed services start at $800/month for basic packages and scale up based on scope. During your free consultation we'll build a plan that fits your business. During your free consultation we'll build a plan that fits your budget and goals.
How long does SEO take to show results? Most businesses see measurable improvements within 3 to 6 months. Local SEO in Vancouver, WA often moves faster due to lower competition. We provide monthly reports so you can track rankings, traffic, and leads throughout.
Do you work with contractors outside of Vancouver, WA? Yes. While we're based in Vancouver, Washington, we work with contractors throughout the Pacific Northwest and across the United States, including HVAC, roofing, plumbing, electrical, painting, and general contractors.
What's the difference between SEO and PPC advertising? SEO builds long-term organic rankings over time. PPC like Google Ads puts you at the top immediately but you pay per click. Most successful businesses use both. We'll help you find the right mix based on your goals and budget.
What makes Croc's and Clicks different from other agencies? You work directly with Ben Sehayek, who has 6 years of experience and a background at Hibu. We specialize in contractor marketing, know the Vancouver, WA market, and have no hidden fees or contracts.
How do I get started? Schedule a free strategy call through our contact page or call (425) 232-6029. We'll review your current presence, analyze your competition, and outline a custom plan. Most clients are up and running within 1 to 2 weeks.
Our Location
Proudly Serving Vancouver, WA & The Pacific Northwest
Based in Vancouver, Washington, we serve small businesses and contractors throughout Clark County and Southwest Washington.
Email ben@crocsandclicks.com
Service Area Vancouver, WA (Hazel Dell, Felida, Salmon Creek, Cascade Park) • Camas • Washougal • Battle Ground • Ridgefield • Clark County
Hours Monday to Friday, 8am to 6pm PST
Get a Free Strategy Call →
Ready to Grow Your Business with Digital Marketing?
Get a free strategy call and custom marketing plan. No contracts, no fluff. Just results.
.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; }
}
