*,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{--black:#0a0a0a;--off-white:#f0efed;--mid:#111111;--mid2:#161616;--border:rgba(240,239,237,0.08);--border-light:rgba(240,239,237,0.14);--muted:rgba(240,239,237,0.45);--green:#19e32d;--green-dim:#14b524;--font-display:'Bebas Neue',sans-serif;--font-serif:'Instrument Serif',serif;--font-body:'DM Sans',sans-serif} html{scroll-behavior:smooth} body{background:var(--black);color:var(--off-white);font-family:var(--font-body);font-weight:300;overflow-x:hidden;cursor:none} .cursor{width:8px;height:8px;background:var(--green);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)} .cursor-ring{width:32px;height:32px;border:1px solid rgba(25,227,45,0.35);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all 0.13s ease} nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:22px 52px;transition:background 0.35s,border-color 0.35s;border-bottom:1px solid transparent} nav.scrolled{background:rgba(10,10,10,0.94);border-color:var(--border);backdrop-filter:blur(14px)} .nav-logo img{height:100px;display:block} .nav-links{display:flex;gap:36px;list-style:none;align-items:center} .nav-links a{color:var(--muted);text-decoration:none;font-size:12px;letter-spacing:0.09em;text-transform:uppercase;transition:color 0.2s} .nav-links a:hover{color:var(--off-white)} .btn-green{background:var(--green);color:var(--black);padding:10px 22px;border-radius:3px;font-size:11px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;transition:background 0.2s,transform 0.15s;display:inline-block} .btn-green:hover{background:var(--green-dim);transform:translateY(-1px)} .btn-white{background:var(--off-white);color:var(--black);padding:15px 34px;border-radius:3px;font-size:12px;font-weight:500;letter-spacing:0.09em;text-transform:uppercase;text-decoration:none;transition:opacity 0.2s,transform 0.15s;display:inline-block} .btn-white:hover{opacity:0.88;transform:translateY(-2px)} .btn-text{color:var(--muted);font-size:13px;letter-spacing:0.05em;text-decoration:none;transition:color 0.2s} .btn-text:hover{color:var(--off-white)} section{padding:100px 52px} .s-label{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--green);margin-bottom:20px} .s-head{font-family:var(--font-display);font-size:clamp(44px,6vw,84px);line-height:0.96;letter-spacing:0.01em} .s-head .dim{font-family:var(--font-serif);font-style:italic;color:rgba(240,239,237,0.3)} .s-intro{font-size:18px;line-height:1.75;color:var(--muted);max-width:620px;margin-top:28px} .reveal{opacity:0;transform:translateY(22px);transition:opacity 0.65s ease,transform 0.65s ease} .reveal.visible{opacity:1;transform:translateY(0)} .hero-lp{min-height:100vh;display:grid;grid-template-columns:1fr 360px;align-items:center;padding:120px 52px 88px;position:relative;overflow:hidden;gap:60px} .hero-lp-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 80% 40%,rgba(25,227,45,0.04) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 10% 90%,rgba(25,227,45,0.025) 0%,transparent 60%);pointer-events:none} .hero-eyebrow{font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--green);margin-bottom:28px;font-weight:500;opacity:0;animation:fadeUp 0.7s ease 0.15s forwards} .hero-headline{font-family:var(--font-display);font-size:clamp(56px,8.5vw,130px);line-height:0.93;letter-spacing:0.01em;opacity:0;animation:fadeUp 0.8s ease 0.3s forwards} .hero-headline .dim{font-family:var(--font-serif);font-style:italic;font-size:0.78em;color:rgba(240,239,237,0.35);display:block;line-height:1.05} .hero-sub{margin-top:32px;font-size:17px;line-height:1.75;color:var(--muted);max-width:540px;opacity:0;animation:fadeUp 0.8s ease 0.5s forwards} .hero-actions{display:flex;gap:20px;align-items:center;margin-top:40px;opacity:0;animation:fadeUp 0.8s ease 0.65s forwards} .hero-right-stats{border-left:1px solid var(--border);padding-left:52px;display:flex;flex-direction:column;gap:40px;opacity:0;animation:fadeIn 1s ease 0.9s forwards} .stat-num{font-family:var(--font-display);font-size:56px;line-height:1;color:var(--off-white)} .stat-label{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-top:4px} .two-col{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:56px} .feature-card{background:var(--mid);border:1px solid var(--border);padding:44px 40px;transition:border-color 0.3s} .feature-card:hover{border-color:rgba(25,227,45,0.2)} .feature-card::before{content:'';display:block;width:24px;height:2px;background:var(--green);margin-bottom:24px} .feature-title{font-family:var(--font-display);font-size:32px;letter-spacing:0.02em;line-height:1;margin-bottom:14px} .feature-result{font-size:15px;font-weight:500;color:var(--off-white);margin-bottom:10px;line-height:1.5} .feature-desc{font-size:14px;line-height:1.8;color:var(--muted)} .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:56px} .step-card{border:1px solid var(--border);padding:40px 28px;position:relative;overflow:hidden} .step-num-bg{font-family:var(--font-display);font-size:88px;color:rgba(240,239,237,0.03);line-height:1;position:absolute;bottom:8px;right:12px} .step-label{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--green);margin-bottom:14px} .step-title{font-family:var(--font-display);font-size:34px;letter-spacing:0.02em;line-height:1.05;margin-bottom:14px} .step-desc{font-size:13px;line-height:1.8;color:var(--muted)} .outcomes-strip{background:var(--mid)} .outcomes-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px} .outcome-item{padding:40px 32px;border:1px solid var(--border)} .outcome-item::before{content:'';display:block;width:20px;height:2px;background:var(--green);margin-bottom:20px} .outcome-title{font-size:17px;font-weight:500;color:var(--off-white);margin-bottom:10px;line-height:1.4} .outcome-desc{font-size:13px;line-height:1.8;color:var(--muted)} .proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px} .proof-card{background:var(--mid);border:1px solid var(--border);padding:36px 32px} .proof-stars{color:var(--green);font-size:13px;letter-spacing:4px;margin-bottom:18px} .proof-text{font-family:var(--font-serif);font-style:italic;font-size:16px;line-height:1.72;color:rgba(240,239,237,0.78);margin-bottom:24px} .proof-author{font-size:13px;font-weight:500} .proof-role{font-size:12px;color:var(--muted);margin-top:3px} .cta-band{text-align:center;background:var(--mid);position:relative;overflow:hidden} .cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(25,227,45,0.05) 0%,transparent 70%)} .cta-band .s-head{max-width:640px;margin:0 auto 20px} .cta-sub{font-size:17px;color:var(--muted);max-width:420px;margin:0 auto 40px;line-height:1.7} .faq-list{margin-top:56px;max-width:740px} .faq-item{border-bottom:1px solid var(--border)} .faq-q{width:100%;background:none;border:none;text-align:left;padding:26px 0;font-family:var(--font-body);font-size:16px;font-weight:400;color:var(--off-white);cursor:none;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:color 0.2s} .faq-q:hover{color:var(--green)} .faq-icon{font-size:18px;color:var(--green);flex-shrink:0;transition:transform 0.3s} .faq-item.open .faq-icon{transform:rotate(45deg)} .faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease;font-size:14px;line-height:1.85;color:var(--muted)} .faq-item.open .faq-a{max-height:220px;padding-bottom:28px} .local-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:48px} .local-trust-item{padding:28px 24px;border:1px solid var(--border);text-align:center} .local-trust-num{font-family:var(--font-display);font-size:44px;line-height:1;color:var(--off-white);margin-bottom:6px} .local-trust-label{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)} .marquee-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--mid);padding:16px 0} .marquee-track{display:flex;animation:marquee 28s linear infinite;white-space:nowrap} .marquee-item{flex-shrink:0;padding:0 40px;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(240,239,237,0.3)} .marquee-sep{color:var(--green);padding:0 8px;flex-shrink:0;font-size:11px} .footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px} .footer-logo-img{height:100px;margin-bottom:14px;display:block} .footer-tagline{font-size:13px;color:rgba(240,239,237,0.3);line-height:1.65} .footer-col-label{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,239,237,0.25);margin-bottom:18px} .footer-links{list-style:none;display:flex;flex-direction:column;gap:10px} .footer-links a{font-size:14px;color:rgba(240,239,237,0.5);text-decoration:none;transition:color 0.2s} .footer-links a:hover{color:var(--off-white)} .footer-bottom{padding:20px 52px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:12px;color:rgba(240,239,237,0.2)} @keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}} @keyframes fadeIn{from{opacity:0}to{opacity:1}} @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(max-width:960px){ .footer-top{grid-template-columns:1fr 1fr} .footer-logo-img{height:64px} .footer-bottom{flex-direction:column;gap:12px;text-align:center} .footer-bottom-links{justify-content:center;gap:16px} nav{padding:18px 24px}.nav-links{display:none} .hero-lp{grid-template-columns:1fr;padding:100px 24px 64px;gap:40px} .hero-right-stats{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:32px;flex-direction:row;flex-wrap:wrap;gap:24px} section{padding:80px 24px} .two-col,.outcomes-row,.proof-grid,.steps-grid{grid-template-columns:1fr} .local-trust{grid-template-columns:1fr 1fr} footer{grid-template-columns:1fr;gap:36px} .footer-bottom{flex-direction:column;gap:6px} } footer{padding:64px 52px 48px;border-top:1px solid var(--border);background:var(--mid)} .footer-top{grid-template-columns:1fr 1fr} .footer-logo-img{height:100px;width:auto;margin-bottom:18px;display:block} .footer-tagline{font-size:13px;color:rgba(240,239,237,0.3);line-height:1.65;max-width:260px} .footer-col-label{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,239,237,0.25);margin-bottom:18px} .footer-links{list-style:none;display:flex;flex-direction:column;gap:10px} .footer-links a{font-size:13px;color:rgba(240,239,237,0.45);text-decoration:none;transition:color 0.2s} .footer-links a:hover{color:var(--off-white)} .footer-bottom{padding-top:32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(240,239,237,0.2)} .footer-bottom-links{display:flex;gap:24px;flex-wrap:wrap} .footer-bottom-links a{color:rgba(240,239,237,0.2);text-decoration:none;font-size:11px;transition:color 0.2s} .footer-bottom-links a:hover{color:var(--muted)} .mobile-nav{position:fixed;inset:0;background:rgba(10,10,10,0.98);z-index:490;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;pointer-events:none;transition:opacity 0.3s ease;backdrop-filter:blur(12px)} .mobile-nav.open{opacity:1;pointer-events:all} .mobile-nav a{font-family:var(--font-display);font-size:48px;letter-spacing:0.02em;color:rgba(240,239,237,0.8);text-decoration:none;transition:color 0.2s;line-height:1.2} .mobile-nav a:hover{color:var(--green)} .nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:501;position:relative} .nav-toggle span{display:block;width:22px;height:1.5px;background:var(--off-white);transition:transform 0.3s,opacity 0.3s} .nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(4px,5px)} .nav-toggle.open span:nth-child(2){opacity:0} .nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-5px)} @media(max-width:960px){.nav-toggle{display:flex}} .bcfb-logo{height:44px;width:auto;mix-blend-mode:screen;opacity:0.75;transition:opacity 0.2s;display:block;margin-top:16px} .bcfb-logo:hover{opacity:1}
The Definitive Answer
A marketing campaign is a coordinated set of activities all tied to one strategic objective and one creative theme. It is not a promotion, a social media push, or a content calendar. It is the framework that makes every other marketing activity actually work.
The Problem
Most businesses use the word campaign loosely. A boost post. A sale. A product announcement. These are tactics. A campaign is different in structure, in duration, and most importantly, in outcome.
The Process
What You Walk Away With
What Clients Say
FAQ
Ready?
Tell us what your business needs to achieve. We will build the campaign around it.