Digital Marketing Agency Vancouver WA | Croc's and Clicks :root { --primary: #F4B6C2; --primary-dark: #c4607a; --primary-light: #fce8ed; --accent: #2B2B2B; --white: #ffffff; --cream: #F8F4F0; --cream-dark: #e8e0d8; --text: #3a3a3a; --text-muted: #6b7280; --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; }
Croc's and Clicks logo Croc's & Clicks
  • Home
  • About
  • Services ▾
    SEO Services PPC Management Web Design Social Media Marketing Marketing for Contractors
  • Service Areas
  • Clients
  • Blog
  • Pricing
  • Get a Free Quote
  • Home
  • About
  • SEO Services
  • PPC Management
  • Web Design
  • Social Media Marketing
  • Contractor Marketing
  • Service Areas
  • Pricing
  • Contact
Vancouver, WA Digital Marketing Agency

Get More Leads.
Dominate Local Search.

SEO, PPC, web design, and social media for contractors and small businesses in Vancouver, WA.

$20M+
Client Revenue
6
Years Exp.

Get a free strategy call

No contracts. Response within 24 hours.

Croc's & Clicks — Vancouver, WA
digital marketing agency

Click to see how your business ranks across Google with our free Local Search Grid tool →

16
14
12
10
12
14
16
14
10
7
5
7
10
14
12
7
3
2
4
8
12
10
5
2
1
3
6
11
12
7
4
2
3
7
13
14
10
8
5
6
10
14
16
14
12
11
13
15
17
#1Top RankedLower#20+
7#1-3
27Top 10
#9Avg Rank
Our Team

Meet the Team

A small, hands-on team. You work directly with Ben on strategy — no account managers, no handoffs.

Ben Sehayek, Marketing Strategist at Croc's and Clicks

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 StrategyPPCAccount Management
Nithya, Content Creator at Croc's and Clicks

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 MediaVideo & PhotoGraphic Design
Justin, Marketing Analyst at Croc's and Clicks

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 & APIsStatistical ModelingSEO AnalysisPaid 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 Portland 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 →
2/3of 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

Our Services

Full-Service Digital Marketing Solutions

Comprehensive digital marketing services for small businesses and contractors in Vancouver, WA. Plans start at $800/month, with a free strategy call to find the right fit.

Get a Free Strategy Call → No contracts. No fluff. Just results.
SEO Services

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

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

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

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 →
Contractor Marketing

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

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 →
Industries We Serve

Specialized Marketing for Contractors & Small Businesses

We know your industry. We know your customers. We know how to get you found.

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 Portland.

How We Work

How We Deliver Results for Your Business

A proven process from strategy to execution.

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 →
Free Strategy Call

Let's Talk About Growing Your Business

Tell us about your business and what you're looking to achieve. We'll review your current marketing and come back with a custom plan.

✓Free 30-minute strategy session
✓Custom keyword & competitor analysis
✓No contracts, cancel anytime
✓Response within 24 hours

Prefer to call? (425) 232-6029

Or email: ben@crocsandclicks.com

By submitting, you agree to be contacted by Croc's & Clicks. We never share your info.

Awareness

220,000+ unique prospects see your ads

Engagement

Likes, clicks & site visits fuel retargeting

Conversion

Prospect reaches out and becomes a sales lead

Opportunity

Sales qualifies at 60% open rate, 50% close rate

Result

1,320 new clients from 220K ad reach

Meta Advertising

How We Turn Meta Ads Into Measurable Revenue

Most businesses run Meta ads and hope for the best. We build a full go-to-market pipeline that connects your advertising directly to closed deals so you know exactly what your ad spend is generating.

01
Awareness and Engagement work together

We don't just chase reach. We track engagement: comments, clicks, and site visits, then retarget those warmer audiences at a much higher conversion rate.

02
Marketing hands off to sales cleanly

The moment a prospect converts, they move from a marketing lead to a sales lead. We build the pipeline so nothing falls through the cracks.

03
Every metric traces back to revenue

Reach, conversion rate, open rate, and close rate. We use all of it to forecast exactly how many new clients your campaign will generate.

Build Your Pipeline →
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/Portland 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, the Portland metro area, and beyond.

Phone(425) 232-6029
Emailben@crocsandclicks.com
Service AreaVancouver, WA • Portland, OR • Clark County • Pacific Northwest
HoursMonday 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.

Get Your Free Strategy Call → (425) 232-6029
Croc's and Clicks logo Croc's & Clicks

Full-service digital marketing agency in Vancouver, WA helping contractors and small businesses grow through strategic SEO, PPC, web design, and social media marketing.

(425) 232-6029 ben@crocsandclicks.com Vancouver, WA

Services

  • SEO Services
  • PPC Management
  • Web Design
  • Social Media
  • Contractor Marketing

Company

  • About Us
  • Our Clients
  • Blog
  • Contact

Service Areas

  • Vancouver, WA
  • Portland, OR
  • Clark County, WA
  • Pacific Northwest