*,*::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 Real Problem With Marketing
Most businesses spend money on marketing and see no clear return. Not because marketing does not work, but because what they are doing is not actually marketing. It is a collection of disconnected tactics. Here is the difference.
The Problem
Almost every business that is frustrated with their marketing is making one of three mistakes. Recognising which one applies to you is the first step to fixing it.
The Process
What You Walk Away With
What Clients Say
FAQ
Ready?
Tell us what is not working. We will diagnose the problem and show you exactly what a campaign would look like.