Precision Marketing for Canadian SMBs \u2014 Callout Digital<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;700;800;900&family=Roboto+Mono:wght@400;500;700&family=DM+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root{--black:#000;--white:#fff;--grey:#F2F2F2;--mid:#888;}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;}\nbody{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--black);overflow-x:hidden;cursor:crosshair;}\n\n\/* \u2500\u2500 PAGES \u2500\u2500 *\/\n.page{display:none;}\n.page.active{display:block;}\n\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\nnav{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--black);border-bottom:2px solid var(--white);display:flex;align-items:stretch;height:60px;}\n.nav-logo{display:flex;align-items:center;padding:0 22px;border-right:2px solid var(--white);text-decoration:none;flex-shrink:0;gap:10px;cursor:crosshair;}\n.nav-wordmark{display:flex;flex-direction:column;}\n.nav-wordmark .nw1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:15px;letter-spacing:.1em;color:var(--white);line-height:1.1;}\n.nav-wordmark .nw2{font-family:'Roboto Mono',monospace;font-weight:700;font-size:8px;letter-spacing:.25em;color:rgba(255,255,255,.45);line-height:1.1;}\n.nav-links{display:flex;align-items:stretch;flex:1;list-style:none;}\n.nav-links > li{display:flex;align-items:center;border-right:1px solid rgba(255,255,255,.12);position:relative;}\n.nav-btn{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.15em;color:rgba(255,255,255,.6);text-transform:uppercase;padding:0 20px;height:100%;display:flex;align-items:center;gap:5px;cursor:crosshair;border:none;background:none;text-decoration:none;transition:color .15s,background .15s;white-space:nowrap;}\n.nav-btn:hover{color:var(--white);background:rgba(255,255,255,.07);}\n.nav-btn.active{color:var(--white);box-shadow:inset 0 -2px 0 var(--white);}\n\n\/* Dropdown *\/\n.has-drop{position:relative;}\n.drop-menu{display:none;position:absolute;top:calc(100% + 2px);left:0;background:var(--black);border:1px solid rgba(255,255,255,.18);border-top:2px solid var(--white);min-width:200px;z-index:300;}\n.has-drop:hover .drop-menu{display:block;}\n.drop-menu a{display:block;font-family:'Roboto Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.15em;color:rgba(255,255,255,.55);text-decoration:none;padding:13px 18px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.07);transition:color .15s,background .15s;cursor:crosshair;}\n.drop-menu a:last-child{border-bottom:none;}\n.drop-menu a:hover,.drop-menu a.active{color:var(--white);background:rgba(255,255,255,.05);}\n.arrow{font-size:7px;opacity:.45;display:inline-block;transition:transform .15s;}\n.has-drop:hover .arrow{transform:rotate(180deg);}\n\n.nav-cta{margin-left:auto;display:flex;align-items:center;padding:0 22px;border-left:2px solid var(--white);}\n.btn{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:10px 20px;cursor:crosshair;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:all .15s;border:none;}\n.btn-w{background:var(--white);color:var(--black);}\n.btn-w:hover{background:var(--grey);}\n.btn-o{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.4);}\n.btn-o:hover{border-color:var(--white);}\n\n\/* \u2500\u2500 SHARED SECTION STYLES \u2500\u2500 *\/\nsection{position:relative;}\n.slabel{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--mid);display:flex;align-items:center;gap:12px;margin-bottom:48px;}\nh2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(38px,5vw,68px);line-height:.93;text-transform:uppercase;letter-spacing:-.01em;}\n\n\/* \u2500\u2500 PAGE HERO (interior pages) \u2500\u2500 *\/\n.pg-hero{background:var(--black);padding:130px 60px 72px;border-bottom:2px solid rgba(255,255,255,.08);}\n.pg-hero-in{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;}\n.pg-eyebrow{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.25em;color:var(--mid);text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:12px;}\n.pg-eyebrow::before{content:'';width:32px;height:1px;background:var(--mid);}\n.pg-hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(44px,5.5vw,76px);line-height:.92;color:var(--white);text-transform:uppercase;letter-spacing:-.01em;}\n.pg-sub{font-size:15px;line-height:1.65;color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.1);padding-top:20px;}\n.pg-sub strong{color:rgba(255,255,255,.85);}\n\n\/* \u2500\u2500 TICKER \u2500\u2500 *\/\n.ticker{background:var(--black);border-top:2px solid var(--black);border-bottom:2px solid var(--black);overflow:hidden;padding:14px 0;white-space:nowrap;}\n.tick-in{display:inline-flex;animation:tick 35s linear infinite;}\n@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n.ti{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);padding:0 32px;display:inline-flex;align-items:center;gap:32px;}\n.ti::after{content:'\/\/';color:rgba(255,255,255,.2);}\n\n\/* \u2500\u2500 HOMEPAGE HERO \u2500\u2500 *\/\n#hero{min-height:100vh;background:var(--black);display:grid;grid-template-columns:1fr 1fr;padding-top:60px;overflow:hidden;}\n.hero-l{padding:80px 60px;display:flex;flex-direction:column;justify-content:center;border-right:2px solid rgba(255,255,255,.08);}\n.eyebrow{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.25em;color:var(--mid);text-transform:uppercase;margin-bottom:28px;display:flex;align-items:center;gap:12px;}\n.eyebrow::before{content:'';width:32px;height:1px;background:var(--mid);}\nh1.main{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(52px,6vw,88px);line-height:.92;color:var(--white);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:32px;}\n.strike{text-decoration:line-through;color:var(--mid);}\n.hero-sub{font-size:16px;line-height:1.65;color:rgba(255,255,255,.6);max-width:440px;margin-bottom:48px;}\n.hero-sub strong{color:var(--white);font-weight:600;}\n.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:60px;}\n.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1);padding-top:40px;}\n.hstat{padding-right:24px;border-right:1px solid rgba(255,255,255,.1);}\n.hstat:last-child{border-right:none;padding-left:24px;padding-right:0;}\n.hstat:not(:first-child):not(:last-child){padding-left:24px;}\n.hstat-n{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:36px;color:var(--white);line-height:1;margin-bottom:4px;}\n.hstat-l{font-family:'Roboto Mono',monospace;font-size:9px;letter-spacing:.15em;color:var(--mid);text-transform:uppercase;}\n.hero-r{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#050505;}\n.grid-ov{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;}\n.scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:scan 4s linear infinite;}\n@keyframes scan{0%{top:0%}100%{top:100%}}\n.fv{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}\n.fsvg{width:70%;max-width:380px;opacity:.9;}\n\n\/* \u2500\u2500 WHY (homepage) \u2500\u2500 *\/\n#why{background:var(--white);border-top:2px solid var(--black);}\n.why-g{display:grid;grid-template-columns:1fr 1fr;min-height:640px;}\n.why-l{background:var(--black);padding:80px 60px;color:var(--white);display:flex;flex-direction:column;justify-content:space-between;border-right:2px solid var(--black);}\n.why-l h2{color:var(--white);margin-bottom:24px;}\n.why-l>.top>p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.6);max-width:420px;}\n.probs{display:flex;flex-direction:column;margin-top:48px;}\n.prob{display:flex;align-items:flex-start;gap:20px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);}\n.prob:last-child{border-bottom:1px solid rgba(255,255,255,.1);}\n.prob-ico{width:36px;height:36px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Roboto Mono',monospace;font-size:11px;color:var(--mid);font-weight:700;}\n.prob-txt strong{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:18px;color:var(--white);letter-spacing:.02em;margin-bottom:4px;}\n.prob-txt span{font-size:12px;color:rgba(255,255,255,.45);font-family:'Roboto Mono',monospace;line-height:1.4;}\n.why-r{padding:80px 60px;display:flex;flex-direction:column;justify-content:center;}\n.why-r h2{margin-bottom:32px;}\n.why-r h2 em{font-style:normal;text-decoration:underline;text-underline-offset:6px;}\n.sols{display:flex;flex-direction:column;margin-top:24px;}\n.sol{display:flex;align-items:flex-start;gap:20px;padding:24px 0;border-top:1px solid var(--grey);}\n.sol:last-child{border-bottom:1px solid var(--grey);}\n.sol-n{font-family:'Roboto Mono',monospace;font-size:11px;font-weight:700;color:var(--black);opacity:.22;width:28px;flex-shrink:0;padding-top:2px;}\n.sol-c strong{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;}\n.sol-c p{font-size:13px;color:#555;line-height:1.55;}\n\n\/* \u2500\u2500 SERVICE OVERVIEW CARDS (homepage) \u2500\u2500 *\/\n.svc-overview{background:var(--white);border-top:2px solid var(--black);padding:80px 60px;}\n.svc-ov-in{max-width:1400px;margin:0 auto;}\n.svc-ov-hd{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:60px;align-items:end;}\n.svc-ov-hd p{font-size:15px;line-height:1.65;color:#555;padding-top:8px;border-top:1px solid var(--grey);}\n.svc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid var(--black);}\n.svc-card{padding:40px 36px;border-right:2px solid var(--black);display:flex;flex-direction:column;gap:16px;transition:background .2s;cursor:crosshair;}\n.svc-card:last-child{border-right:none;}\n.svc-card:hover{background:var(--grey);}\n.svc-card.dark{background:var(--black);color:var(--white);}\n.svc-card.dark:hover{background:#111;}\n.svc-card-num{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--mid);text-transform:uppercase;}\n.svc-card.dark .svc-card-num{color:rgba(255,255,255,.3);}\n.svc-card-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:28px;text-transform:uppercase;letter-spacing:.02em;line-height:1;}\n.svc-card p{font-size:13px;line-height:1.6;color:#555;flex:1;}\n.svc-card.dark p{color:rgba(255,255,255,.5);}\n.svc-card-link{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--black);text-decoration:none;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--black);padding-bottom:2px;width:fit-content;transition:opacity .15s;}\n.svc-card.dark .svc-card-link{color:var(--white);border-color:rgba(255,255,255,.4);}\n.svc-card-link:hover{opacity:.6;}\n\n\/* \u2500\u2500 CARDS (service pages) \u2500\u2500 *\/\n.svc-in{max-width:1400px;margin:0 auto;padding:80px 60px;}\n.tier-tag{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;padding:8px 16px;border:1px solid var(--black);display:inline-block;margin-bottom:32px;}\n.tier-sec{margin-bottom:72px;}\n.tier-h{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:32px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;}\n.tier-sub{font-family:'Roboto Mono',monospace;font-size:11px;color:var(--mid);margin-bottom:32px;}\n.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border:2px solid var(--black);}\n.card{border-right:2px solid var(--black);padding:36px 32px;display:flex;flex-direction:column;transition:background .2s;}\n.card:last-child{border-right:none;}\n.card:hover{background:var(--grey);}\n.cbadge{font-family:'Roboto Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--black);color:var(--white);padding:4px 10px;display:inline-block;margin-bottom:20px;width:fit-content;}\n.cname{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:26px;text-transform:uppercase;letter-spacing:.02em;line-height:1;margin-bottom:8px;}\n.cprice{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:48px;line-height:1;margin-bottom:4px;}\n.cprice sup{font-size:22px;font-weight:700;vertical-align:super;}\n.cfinance{font-family:'Roboto Mono',monospace;font-size:10px;color:var(--mid);margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--grey);}\n.cfeats{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1;margin-bottom:24px;}\n.cfeats li{font-size:13px;color:#333;display:flex;align-items:flex-start;gap:10px;line-height:1.4;}\n.cfeats li::before{content:'\u2713';font-family:'Roboto Mono',monospace;font-size:11px;font-weight:700;color:var(--black);flex-shrink:0;padding-top:1px;}\n.ccta{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:12px 20px;background:var(--black);color:var(--white);border:none;cursor:crosshair;text-align:center;text-decoration:none;display:block;transition:opacity .15s;}\n.ccta:hover{opacity:.75;}\n.inc{color:#999;font-size:11px;}\n.card.dk{background:var(--black);color:var(--white);border-right-color:rgba(255,255,255,.1);}\n.card.dk:last-child{border-right:none;}\n.card.dk:hover{background:#111;}\n.card.dk .cfinance{color:rgba(255,255,255,.3);border-bottom-color:rgba(255,255,255,.08);}\n.card.dk .cfeats li{color:rgba(255,255,255,.7);}\n.card.dk .cfeats li::before{color:var(--white);}\n.card.dk .cbadge{background:var(--white);color:var(--black);}\n.card.dk .ccta{background:var(--white);color:var(--black);}\n.card.dk .ccta:hover{opacity:.85;}\n.card.gr{background:var(--grey);}\n.card.gr:hover{background:#e8e8e8;}\n.card.gr .cfinance{border-bottom-color:rgba(0,0,0,.1);}\n.addon-note{margin-top:32px;padding:20px 24px;border:1px dashed rgba(0,0,0,.18);display:flex;align-items:center;gap:16px;font-family:'Roboto Mono',monospace;font-size:11px;color:#555;line-height:1.5;}\n.addon-note strong{color:var(--black);}\n.disc-badge{display:inline-flex;align-items:center;gap:6px;font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;background:var(--black);color:var(--white);padding:6px 14px;margin-bottom:32px;letter-spacing:.1em;}\n.disc-badge .tag{background:white;color:black;padding:2px 6px;}\n.section-divider{font-family:'Roboto Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--mid);margin-bottom:16px;display:flex;align-items:center;gap:12px;}\n.section-divider::before{content:'';width:24px;height:1px;background:var(--mid);}\n.ad-note{margin-bottom:20px;padding:16px 20px;border:1px dashed rgba(0,0,0,.18);font-family:'Roboto Mono',monospace;font-size:10px;color:#555;line-height:1.6;}\n.ad-note strong{color:var(--black);}\n\n\/* \u2500\u2500 MOATS \u2500\u2500 *\/\n#moats{background:var(--black);padding:100px 60px;border-top:2px solid rgba(255,255,255,.12);color:var(--white);}\n.moats-in{max-width:1400px;margin:0 auto;}\n.moats-hd{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px;align-items:end;}\n.moats-hd h2{color:var(--white);}\n.moats-hd p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.1);padding-top:16px;}\n.moats-g{display:grid;grid-template-columns:1fr 1fr;border:2px solid rgba(255,255,255,.12);}\n.moat{padding:48px 44px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);transition:background .2s;}\n.moat:hover{background:rgba(255,255,255,.03);}\n.moat:nth-child(2n){border-right:none;}\n.moat:nth-child(3),.moat:nth-child(4){border-bottom:none;}\n.moat-n{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.2em;color:rgba(255,255,255,.2);margin-bottom:20px;}\n.moat-ico{width:48px;height:48px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:22px;color:rgba(255,255,255,.6);}\n.moat h3{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:26px;text-transform:uppercase;letter-spacing:.03em;color:var(--white);margin-bottom:16px;line-height:1;}\n.moat p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.5);}\n.moat p strong{color:rgba(255,255,255,.85);font-weight:600;}\n\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\n.faq-wrap{background:var(--white);padding:100px 60px;border-top:2px solid var(--black);}\n.faq-in{max-width:1200px;margin:0 auto;}\n.faq-g{display:grid;grid-template-columns:300px 1fr;gap:80px;align-items:start;}\n.faq-sb h2{margin-bottom:20px;}\n.faq-sb p{font-size:14px;color:#666;line-height:1.6;margin-bottom:32px;}\n.faq-sb a{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--black);text-decoration:none;border-bottom:1px solid var(--black);padding-bottom:4px;cursor:crosshair;}\n.faq-list{display:flex;flex-direction:column;}\n.fitem{border-top:1px solid var(--grey);overflow:hidden;}\n.fitem:last-child{border-bottom:1px solid var(--grey);}\n.fq{width:100%;background:none;border:none;text-align:left;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:crosshair;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:.02em;color:var(--black);transition:color .15s;}\n.fq:hover{color:#333;}\n.ftog{width:28px;height:28px;border:1px solid var(--grey);display:flex;align-items:center;justify-content:center;font-family:'Roboto Mono',monospace;font-size:16px;flex-shrink:0;transition:background .15s;color:var(--black);}\n.fitem.open .ftog{background:var(--black);color:var(--white);border-color:var(--black);}\n.fa{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .2s;}\n.fitem.open .fa{max-height:400px;padding-bottom:24px;}\n.fa p{font-size:14px;line-height:1.75;color:#555;max-width:580px;}\n.fa p strong{color:var(--black);}\n\n\/* \u2500\u2500 CTA BAND \u2500\u2500 *\/\n.cta-band{background:var(--black);padding:100px 60px;text-align:center;border-top:2px solid rgba(255,255,255,.08);}\n.cta-band h2{color:var(--white);margin-bottom:24px;font-size:clamp(40px,5vw,68px);}\n.cta-band p{font-size:16px;color:rgba(255,255,255,.5);line-height:1.65;margin-bottom:40px;max-width:480px;margin-left:auto;margin-right:auto;}\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter{background:var(--black);border-top:2px solid rgba(255,255,255,.1);color:var(--white);}\n.ft{display:grid;grid-template-columns:260px 1fr 1fr 1fr;border-bottom:1px solid rgba(255,255,255,.08);}\n.fc{padding:56px 36px;border-right:1px solid rgba(255,255,255,.06);}\n.fc:last-child{border-right:none;}\n.ftag{font-size:12px;line-height:1.6;color:rgba(255,255,255,.35);margin-bottom:24px;}\n.floc{font-family:'Roboto Mono',monospace;font-size:9px;letter-spacing:.15em;color:rgba(255,255,255,.2);text-transform:uppercase;}\n.fc h4{font-family:'Roboto Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:20px;}\n.fc ul{list-style:none;display:flex;flex-direction:column;gap:10px;}\n.fc ul a{font-size:13px;color:rgba(255,255,255,.5);text-decoration:none;transition:color .15s;cursor:crosshair;}\n.fc ul a:hover{color:var(--white);}\n.fb{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;}\n.fb p{font-family:'Roboto Mono',monospace;font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.2);text-transform:uppercase;}\n.fb-links{display:flex;gap:24px;list-style:none;}\n.fb-links a{font-family:'Roboto Mono',monospace;font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.2);text-decoration:none;text-transform:uppercase;transition:color .15s;cursor:crosshair;}\n.fb-links a:hover{color:rgba(255,255,255,.5);}\n\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\n.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease;}\n.reveal.vis{opacity:1;transform:none;}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media(max-width:960px){\n #hero{grid-template-columns:1fr;}\n .hero-r{min-height:280px;}\n .hero-l{padding:60px 32px;}\n .why-g,.moats-hd,.svc-ov-hd,.faq-g,.pg-hero-in{grid-template-columns:1fr;}\n .why-l,.why-r{padding:60px 32px;}\n .svc-in,.faq-wrap,#moats,.cta-band,.svc-overview,.pg-hero{padding-left:32px;padding-right:32px;}\n .moats-g{grid-template-columns:1fr;}\n .moat{border-right:none;}\n .moat:nth-child(3){border-bottom:1px solid rgba(255,255,255,.08);}\n .cgrid,.svc-cards{grid-template-columns:1fr;}\n .card,.svc-card{border-right:none;border-bottom:2px solid var(--black);}\n .card.dk{border-bottom:1px solid rgba(255,255,255,.1);}\n .card:last-child,.svc-card:last-child{border-bottom:none;}\n .ft{grid-template-columns:1fr 1fr;}\n .fc:nth-child(2){border-right:none;}\n}\n@media(max-width:600px){\n nav{height:52px;}\n .nav-links{display:none;}\n .hero-l{padding:48px 24px;}\n h1.main{font-size:44px;}\n .hero-stats{grid-template-columns:1fr;gap:16px;}\n .hstat{border-right:none;border-top:1px solid rgba(255,255,255,.1);padding:16px 0 0;}\n .hstat:first-child{border-top:none;padding-top:0;}\n .ft{grid-template-columns:1fr;}\n .fc{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);}\n .fb{flex-direction:column;gap:12px;text-align:center;}\n #moats,.faq-wrap,.cta-band{padding:60px 24px;}\n}\n\n\n\/* \u2500\u2500 HAMBURGER + MOBILE NAV \u2500\u2500 *\/\n.hamburger{display:none;background:none;border:none;border-left:2px solid var(--white);cursor:crosshair;padding:0 22px;flex-direction:column;gap:5px;justify-content:center;align-items:center;height:60px;flex-shrink:0;}\n.hamburger span{display:block;width:22px;height:2px;background:var(--white);transition:all .3s ease;}\n.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}\n.hamburger.open span:nth-child(2){opacity:0;}\n.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\n.nav-links a{text-decoration:none;}\n@media(max-width:900px){\n .nav-cta{display:none;}\n .hamburger{display:flex;margin-left:auto;}\n .nav-links{position:absolute;top:60px;left:0;right:0;background:var(--black);flex-direction:column;border-bottom:2px solid rgba(255,255,255,.12);max-height:0;overflow:hidden;transition:max-height .4s ease;z-index:199;}\n .nav-links.open{max-height:600px;}\n .nav-links > li{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);width:100%;}\n .nav-links > li:last-child{border-bottom:none;}\n .nav-links .nav-btn{padding:18px 24px;width:100%;justify-content:flex-start;}\n .has-drop .drop-menu{position:static;border:none;border-top:1px solid rgba(255,255,255,.06);display:none;min-width:100%;}\n .has-drop.drop-open .drop-menu{display:block;}\n .drop-menu a{padding-left:40px;}\n .has-drop .arrow{transition:transform .2s;}\n .has-drop.drop-open .arrow{transform:rotate(180deg);}\n .svc-card{cursor:pointer;}\n}\n@media(max-width:600px){\n .nav-links{top:52px;}\n}\n\n<\/style>\n<\/head>\n<body>\n<nav id=\"sitenav\">\n <a href=\"index.html\" class=\"nav-logo\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"14\" y=\"1.5\" width=\"17.5\" height=\"17.5\" rx=\"1\" transform=\"rotate(45 14 1.5)\" fill=\"none\" stroke=\"white\" stroke-width=\"1.2\"\/><rect x=\"14\" y=\"6\" width=\"11.5\" height=\"11.5\" rx=\".5\" transform=\"rotate(45 14 6)\" fill=\"none\" stroke=\"white\" stroke-width=\"1.2\"\/><rect x=\"14\" y=\"10.5\" width=\"5\" height=\"5\" rx=\".3\" transform=\"rotate(45 14 10.5)\" fill=\"white\"\/><\/svg>\n <div class=\"nav-wordmark\"><span class=\"nw1\">CALLOUT<\/span><span class=\"nw2\">DIGITAL<\/span><\/div>\n <\/a>\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a class=\"nav-btn\" href=\"index.html#why\">Our Why<\/a><\/li>\n <li><a class=\"nav-btn\" href=\"builds.html\">Site Builds<\/a><\/li>\n <li class=\"has-drop\">\n <a class=\"nav-btn\" href=\"brand.html\">Brand Builders <span class=\"arrow\">▼<\/span><\/a>\n <div class=\"drop-menu\">\n <a href=\"brand.html\">Brand Builder Bundles<\/a>\n <a href=\"brand.html#bronze\">Bronze — $999<\/a>\n <a href=\"brand.html#silver\">Silver — $1,999<\/a>\n <a href=\"brand.html#gold-brand\">Gold — $2,499<\/a>\n <a href=\"brand.html#platinum\">Platinum — $3,499<\/a>\n <\/div>\n <\/li>\n <li><a class=\"nav-btn\" href=\"growth.html\">Growth Plans<\/a><\/li>\n <li><a class=\"nav-btn\" href=\"financing.html\">Financing<\/a><\/li>\n <\/ul>\n <div class=\"nav-cta\"><a href=\"contact.html\" class=\"btn btn-w\">Get Your Plan<\/a><\/div>\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Toggle menu\"><span><\/span><span><\/span><span><\/span><\/button>\n<\/nav>\n\n \n <section id=\"hero\">\n <div class=\"hero-l\">\n <div class=\"eyebrow\">Precision Marketing for Canadian SMBs<\/div>\n <h1 class=\"main\">Your Current<br><span class=\"strike\">Marketing<\/span><br>Isn’t Working.<\/h1>\n <p class=\"hero-sub\"><strong>Callout Digital<\/strong> is the precision marketing partner for hardworking Canadian SMBs. Custom-built websites, real brand strategy, and leads that actually convert — without the agency bloat. <strong>Enterprise Quality. SMB Pricing.<\/strong><\/p>\n <div class=\"hero-ctas\">\n <button class=\"btn btn-w\" onclick=\"window.location='builds.html'\" style=\"font-size:11px;padding:14px 28px;\">See the Service Ladder<\/button>\n <a class=\"btn btn-o\" href=\"#moats\" style=\"font-size:11px;padding:14px 28px;\">24-Hour Guarantee →<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"hstat\"><div class=\"hstat-n\">24h<\/div><div class=\"hstat-l\">Response Guarantee<\/div><\/div>\n <div class=\"hstat\"><div class=\"hstat-n\">0<\/div><div class=\"hstat-l\">Fluff. Zero Jargon.<\/div><\/div>\n <div class=\"hstat\"><div class=\"hstat-n\">100%<\/div><div class=\"hstat-l\">Transparent Pricing<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-r\">\n <div class=\"grid-ov\"><\/div>\n <div class=\"scan\"><\/div>\n <div class=\"fv\">\n <svg class=\"fsvg\" viewBox=\"0 0 320 420\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <line x1=\"0\" y1=\"80\" x2=\"320\" y2=\"80\" stroke=\"rgba(255,255,255,.06)\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"160\" x2=\"320\" y2=\"160\" stroke=\"rgba(255,255,255,.06)\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"240\" x2=\"320\" y2=\"240\" stroke=\"rgba(255,255,255,.06)\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"320\" x2=\"320\" y2=\"320\" stroke=\"rgba(255,255,255,.06)\" stroke-width=\"1\"\/>\n <line x1=\"80\" y1=\"0\" x2=\"80\" y2=\"420\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\n <line x1=\"160\" y1=\"0\" x2=\"160\" y2=\"420\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\n <line x1=\"240\" y1=\"0\" x2=\"240\" y2=\"420\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\n <path d=\"M20 20 L300 20 L260 100 L60 100Z\" fill=\"rgba(255,255,255,.08)\"\/>\n <path d=\"M60 100 L260 100 L200 180 L100 180Z\" fill=\"rgba(255,255,255,.06)\"\/>\n <path d=\"M100 180 L200 180 L170 260 L120 260Z\" fill=\"rgba(255,255,255,.05)\"\/>\n <path d=\"M120 260 L170 260 L160 340 L140 340Z\" fill=\"rgba(255,255,255,.1)\"\/>\n <path d=\"M140 340 L160 340 L160 400 L140 400Z\" fill=\"rgba(255,255,255,.2)\"\/>\n <path d=\"M20 20 L300 20 L260 100 L200 100 L200 180 L170 180 L170 260 L150 260 L150 340 L160 400 L140 400 L140 340 L120 340 L120 260 L100 260 L100 180 L60 180 L60 100 L20 20Z\" fill=\"none\" stroke=\"rgba(255,255,255,.25)\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n <text x=\"30\" y=\"16\" font-family=\"Roboto Mono\" font-size=\"9\" fill=\"rgba(255,255,255,.3)\" letter-spacing=\"3\">AWARENESS<\/text>\n <text x=\"30\" y=\"96\" font-family=\"Roboto Mono\" font-size=\"9\" fill=\"rgba(255,255,255,.3)\" letter-spacing=\"3\">INTEREST<\/text>\n <text x=\"30\" y=\"176\" font-family=\"Roboto Mono\" font-size=\"9\" fill=\"rgba(255,255,255,.3)\" letter-spacing=\"3\">INTENT<\/text>\n <text x=\"30\" y=\"256\" font-family=\"Roboto Mono\" font-size=\"9\" fill=\"rgba(255,255,255,.3)\" letter-spacing=\"3\">LEADS<\/text>\n <text x=\"30\" y=\"336\" font-family=\"Roboto Mono\" font-size=\"9\" fill=\"rgba(255,255,255,.3)\" letter-spacing=\"3\">REVENUE<\/text>\n <line x1=\"305\" y1=\"20\" x2=\"316\" y2=\"20\" stroke=\"rgba(255,255,255,.15)\" stroke-width=\"1\"\/>\n <line x1=\"262\" y1=\"100\" x2=\"316\" y2=\"100\" stroke=\"rgba(255,255,255,.15)\" stroke-width=\"1\"\/>\n <line x1=\"202\" y1=\"180\" x2=\"316\" y2=\"180\" stroke=\"rgba(255,255,255,.15)\" stroke-width=\"1\"\/>\n <line x1=\"172\" y1=\"260\" x2=\"316\" y2=\"260\" stroke=\"rgba(255,255,255,.15)\" stroke-width=\"1\"\/>\n <line x1=\"162\" y1=\"340\" x2=\"316\" y2=\"340\" stroke=\"rgba(255,255,255,.15)\" stroke-width=\"1\"\/>\n <circle cx=\"160\" cy=\"400\" r=\"5\" fill=\"white\" opacity=\".9\"\/>\n <circle cx=\"160\" cy=\"400\" r=\"10\" fill=\"none\" stroke=\"white\" stroke-width=\"1\" opacity=\".3\"\/>\n <circle cx=\"160\" cy=\"400\" r=\"16\" fill=\"none\" stroke=\"white\" stroke-width=\".5\" opacity=\".15\"\/>\n <text x=\"160\" y=\"418\" font-family=\"Roboto Mono\" font-size=\"8\" fill=\"rgba(255,255,255,.4)\" text-anchor=\"middle\" letter-spacing=\"4\">CONVERTED<\/text>\n <\/svg>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"ticker\">\n <div class=\"tick-in\">\n <span class=\"ti\">No Fluff<\/span><span class=\"ti\">No Jargon<\/span><span class=\"ti\">Enterprise Quality<\/span><span class=\"ti\">SMB Pricing<\/span><span class=\"ti\">100% Transparent<\/span><span class=\"ti\">AI-Integrated Fulfillment<\/span><span class=\"ti\">24-Hour Response<\/span><span class=\"ti\">Canadian Business<\/span><span class=\"ti\">Zero Hidden Fees<\/span><span class=\"ti\">Search-First Advertising<\/span><span class=\"ti\">In-House Financing<\/span><span class=\"ti\">No Fluff<\/span><span class=\"ti\">No Jargon<\/span><span class=\"ti\">Enterprise Quality<\/span><span class=\"ti\">SMB Pricing<\/span><span class=\"ti\">100% Transparent<\/span><span class=\"ti\">AI-Integrated Fulfillment<\/span><span class=\"ti\">24-Hour Response<\/span><span class=\"ti\">Canadian Business<\/span><span class=\"ti\">Zero Hidden Fees<\/span><span class=\"ti\">Search-First Advertising<\/span><span class=\"ti\">In-House Financing<\/span>\n <\/div>\n <\/div>\n\n \n <section id=\"why\">\n <div class=\"why-g\">\n <div class=\"why-l\">\n <div class=\"top\">\n <div class=\"slabel\" style=\"color:rgba(255,255,255,.3);margin-bottom:28px;\">Why We Exist<\/div>\n <h2 style=\"margin-bottom:24px;\">The Market<br>Is Stacked<br>Against You.<\/h2>\n <p>You’ve been burned before. Overpaid for an agency that disappeared, or hired a freelancer who vanished mid-project. There’s a massive gap in the market — and we built Callout Digital to fill it.<\/p>\n <\/div>\n <div class=\"probs\">\n <div class=\"prob\"><div class=\"prob-ico\">A<\/div><div class=\"prob-txt\"><strong>Big Agencies<\/strong><span>$5,000–$15,000\/mo retainers. 40% goes to account managers you’ll never meet. Vague deliverables. No guaranteed leads.<\/span><\/div><\/div>\n <div class=\"prob\"><div class=\"prob-ico\">B<\/div><div class=\"prob-txt\"><strong>Cheap Freelancers<\/strong><span>No strategy. No accountability. Inconsistent quality. They disappear when you need them most.<\/span><\/div><\/div>\n <div class=\"prob\"><div class=\"prob-ico\">C<\/div><div class=\"prob-txt\"><strong>DIY Platforms<\/strong><span>Looks unprofessional. Costs you more in lost credibility than you save. Your competitors are outranking you right now.<\/span><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"why-r\">\n <div class=\"slabel\">The Callout Digital Solution<\/div>\n <h2>We Cut The<br><em>Noise<\/em>. You<br>Get Results.<\/h2>\n <div class=\"sols\">\n <div class=\"sol\"><div class=\"sol-n\">01<\/div><div class=\"sol-c\"><strong>AI-Integrated Fulfillment<\/strong><p>Our proprietary AI technology replaces traditional creative staff — delivering faster, more precise output with zero ego, zero sick days, and zero billing surprises.<\/p><\/div><\/div>\n <div class=\"sol\"><div class=\"sol-n\">02<\/div><div class=\"sol-c\"><strong>The Playbook Standard<\/strong><p>Every deliverable follows a standardized, battle-tested playbook. No guesswork. No creative differences. Just execution.<\/p><\/div><\/div>\n <div class=\"sol\"><div class=\"sol-n\">03<\/div><div class=\"sol-c\"><strong>You Only Pay For Revenue<\/strong><p>We don’t run vanity campaigns. Every dollar is designed to generate leads and trackable revenue — or we don’t spend it.<\/p><\/div><\/div>\n <div class=\"sol\"><div class=\"sol-n\">04<\/div><div class=\"sol-c\"><strong>100% Transparent Pricing<\/strong><p>Every package is itemized. No hidden fees. No surprise invoices. In-house financing available. Period.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"svc-overview\">\n <div class=\"svc-ov-in\">\n <div class=\"svc-ov-hd reveal\">\n <div>\n <div class=\"slabel\">What We Do<\/div>\n <h2>Three Products.<br>One Direction.<\/h2>\n <\/div>\n <p>Start with a site, build a brand, then grow with monthly plans. Each product works standalone or stacks together. <strong>Clients who build with us get 10% off all monthly plans.<\/strong><\/p>\n <\/div>\n <div class=\"svc-cards reveal\">\n <div class=\"svc-card\" onclick=\"window.location='builds.html'\">\n <div class=\"svc-card-num\">01 — Site Builds<\/div>\n <div class=\"svc-card-title\">Custom-Coded Websites<\/div>\n <p>From $699 for a 1-page site to $2,499+ for a 15-page growth machine. Every site is hand-coded — no templates, no page builders. In-house financing available.<\/p>\n <span class=\"svc-card-link\">View Packages →<\/span>\n <\/div>\n <div class=\"svc-card dark\" onclick=\"window.location='brand.html'\">\n <div class=\"svc-card-num\">02 — Brand Builders<\/div>\n <div class=\"svc-card-title\">Identity + Website Bundles<\/div>\n <p>From $999 Bronze to $3,499 Platinum. Logo, brand voice, social setup, LinkedIn exec profile — everything to look legitimate from Day 1.<\/p>\n <span class=\"svc-card-link\">View Bundles →<\/span>\n <\/div>\n <div class=\"svc-card\" onclick=\"window.location='growth.html'\">\n <div class=\"svc-card-num\">03 — Growth Plans<\/div>\n <div class=\"svc-card-title\">SEO & Paid Advertising<\/div>\n <p>Monthly SEO from $299. Paid ad management from $100\/mo. You cover ad spend — we run the campaigns. Start with search, scale to social once we’re delivering.<\/p>\n <span class=\"svc-card-link\">View Plans →<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section id=\"moats\">\n <div class=\"moats-in\">\n <div class=\"moats-hd reveal\">\n <div>\n <div class=\"slabel\" style=\"color:rgba(255,255,255,.3);margin-bottom:28px;\">Our Competitive Moats<\/div>\n <h2 style=\"color:white;\">Why Callout<br>Hits Different.<br>Full Stop.<\/h2>\n <\/div>\n <p>These aren’t marketing promises. These are the structural reasons why Callout Digital produces better results at lower cost — and why no traditional agency can replicate what we do.<\/p>\n <\/div>\n <div class=\"moats-g reveal\">\n <div class=\"moat\"><div class=\"moat-n\">01 \/\/ ADVERTISING<\/div><div class=\"moat-ico\">◎<\/div><h3>Search-First Advertising<\/h3><p>We start every ad strategy with <strong>Search campaigns only<\/strong> — capturing people already actively looking for your service. No wasted spend on cold audiences. <strong>Only budget spent on people who searched for exactly what you offer.<\/strong> As revenue grows, we layer in paid social for clients with the budget and traction to scale further. Leads first. Always.<\/p><\/div>\n <div class=\"moat\"><div class=\"moat-n\">02 \/\/ ACCOUNTABILITY<\/div><div class=\"moat-ico\">□<\/div><h3>The 24-Hour Rule<\/h3><p>Every inquiry, update request, and support ticket is <strong>guaranteed a response within 1 business day<\/strong>. No offshore support. No ticket queues. One direct line to your account. If we miss it, we make it right — no questions asked.<\/p><\/div>\n <div class=\"moat\"><div class=\"moat-n\">03 \/\/ FINANCING<\/div><div class=\"moat-ico\">▣<\/div><h3>In-House Financing<\/h3><p>Custom <strong>6-month and 12-month payment plans managed entirely in-house<\/strong>. No third-party lenders. No credit checks. No interest. We built our own financing structure so cash flow is never a reason to stay invisible. <strong>High-end branding isn’t only for well-funded companies.<\/strong><\/p><\/div>\n <div class=\"moat\"><div class=\"moat-n\">04 \/\/ FULFILLMENT<\/div><div class=\"moat-ico\">△<\/div><h3>AI-Integrated Fulfillment<\/h3><p>Our fulfillment stack runs on <strong>proprietary AI technology and in-house methods<\/strong> — executing every deliverable through tightly-controlled, repeatable processes. Consistent enterprise-grade output. <strong>Faster than traditional staff. More reliable. Zero overhead passed to you.<\/strong><\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"faq-wrap\">\n <div class=\"faq-in\">\n <div class=\"faq-g reveal\">\n <div class=\"faq-sb\">\n <div class=\"slabel\">FAQ<\/div>\n <h2>Straight<br>Answers.<\/h2>\n <p>No runaround. No sales spin. These are the questions every SMB owner asks before signing — and the real answers.<\/p>\n <a href=\"#cta\" href=\"#\">Still have questions? Book a call →<\/a>\n <\/div>\n <div class=\"faq-list\">\n <div class=\"fitem open\"><button class=\"fq\" onclick=\"toggleFaq(this)\">Is AI-generated work actually good quality?<span class=\"ftog\">−<\/span><\/button><div class=\"fa\"><p>Yes — when it’s directed properly. We’ve built proprietary playbooks and AI methods that guide every deliverable through a controlled production process. Output goes through our quality review before anything reaches you. <strong>The result is enterprise-grade work that a five-person agency team would take three times as long to produce.<\/strong><\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">Why is it so much cheaper than other agencies?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p>Because we eliminated the overhead. Traditional agencies pay account managers, project managers, copywriters, designers, and developers — then charge you to cover all of it. <strong>Our AI-integrated fulfillment stack replaces most of that headcount.<\/strong> We pass those savings directly to you.<\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">How long does a website build take?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p><strong>1-Page Power Sites: 3–5 business days.<\/strong> 5-Page Authority Sites: 7–10 business days. 10-Page Growth Hubs: 14–21 business days. Platinum builds with custom strategy may take up to 30 days.<\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">Is the code actually custom or is it templates?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p><strong>100% custom-coded.<\/strong> Every site is written from scratch using clean, semantic HTML\/CSS\/JS. No WordPress. No Squarespace. No page builders. Your site loads faster, ranks better, and you own the code outright — no platform lock-in, ever.<\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">How does in-house financing work?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p>We manage payment plans entirely in-house — no third-party lender, no credit check, no interest. Choose 6-month or 12-month terms at signing. <strong>A small down payment secures your build slot and the remaining balance splits into equal monthly payments.<\/strong> Available on all Site Build and Brand Builder packages.<\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">Who gets the 10% discount on monthly plans?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p><strong>Any client who had their website or brand built with us<\/strong> gets 10% off all monthly SEO and ad management plans. This applies to all tiers — Basic SEO, Gold SEO, Starter Ads, and Scale Ads. The discount is applied automatically — just mention your build when signing up.<\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">What happens after my website is built?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p>A website without traffic is a digital business card. Our monthly SEO plans drive organic rankings, and our paid ad management drives immediate inbound leads. <strong>Build clients get 10% off all Growth Plans.<\/strong> No obligation to continue — but the numbers usually make the decision obvious.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"cta\" class=\"cta-band\">\n <div class=\"slabel\" style=\"color:rgba(255,255,255,.25);justify-content:center;margin-bottom:24px;\">Ready to Stop Wasting Money?<\/div>\n <h2>Get Your Plan.<br>Zero Risk.<\/h2>\n <p>30-minute intake call. We’ll tell you exactly what fits your business and what it will cost. If we’re not the right fit, we’ll say so.<\/p>\n <a class=\"btn btn-w\" href=\"https:\/\/calloutdigital.com\/contact\" style=\"font-size:12px;padding:18px 40px;display:inline-flex;margin-top:0;\">Book Your Free Strategy Call →<\/a>\n <\/div>\n\n\n<footer>\n <div class=\"ft\">\n <div class=\"fc\">\n <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:18px;\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"14\" y=\"1.5\" width=\"17.5\" height=\"17.5\" rx=\"1\" transform=\"rotate(45 14 1.5)\" fill=\"none\" stroke=\"white\" stroke-width=\"1.3\"\/><rect x=\"14\" y=\"6\" width=\"11.5\" height=\"11.5\" rx=\".5\" transform=\"rotate(45 14 6)\" fill=\"none\" stroke=\"white\" stroke-width=\"1.3\"\/><rect x=\"14\" y=\"10.5\" width=\"5\" height=\"5\" rx=\".3\" transform=\"rotate(45 14 10.5)\" fill=\"white\"\/><\/svg>\n <div><div style=\"font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:18px;letter-spacing:.1em;color:white;line-height:1;\">CALLOUT<\/div><div style=\"font-family:'Roboto Mono',monospace;font-size:8px;letter-spacing:.25em;color:rgba(255,255,255,.4);line-height:1;\">DIGITAL<\/div><\/div>\n <\/div>\n <p class=\"ftag\">No-nonsense marketing for hardworking Canadian businesses. Enterprise quality. SMB pricing. Zero fluff.<\/p>\n <p class=\"floc\">Fraser Valley, BC · Canada<\/p>\n <\/div>\n <div class=\"fc\"><h4>Services<\/h4><ul>\n <li><a href=\"builds.html\">Site Builds<\/a><\/li>\n <li><a href=\"brand.html\">Brand Builder Bundles<\/a><\/li>\n <li><a href=\"growth.html\">SEO Plans<\/a><\/li>\n <li><a href=\"growth.html\">Paid Ad Management<\/a><\/li>\n <\/ul><\/div>\n <div class=\"fc\"><h4>Company<\/h4><ul>\n <li><a href=\"index.html#why\">Our Why<\/a><\/li>\n <li><a href=\"index.html#moats\">Our Moats<\/a><\/li>\n <li><a href=\"financing.html\">Financing<\/a><\/li>\n <li><a href=\"contact.html\">Book a Call<\/a><\/li>\n <\/ul><\/div>\n <div class=\"fc\"><h4>Contact<\/h4><ul>\n <li><a href=\"#\">hello [at] calloutdigital.ca<\/a><\/li>\n <li><a href=\"#\">Fraser Valley, BC<\/a><\/li>\n <li><a href=\"#\">Canada<\/a><\/li>\n <li style=\"margin-top:16px;\"><a href=\"#\">Privacy Policy<\/a><\/li>\n <li><a href=\"#\">Terms of Service<\/a><\/li>\n <\/ul><\/div>\n <\/div>\n <div class=\"fb\">\n <p>© 2025 Callout Digital · Fraser Valley, BC, Canada · All Rights Reserved<\/p>\n <ul class=\"fb-links\"><li><a href=\"#\">Privacy<\/a><\/li><li><a href=\"#\">Terms<\/a><\/li><li><a href=\"#\">Contact<\/a><\/li><\/ul>\n <\/div>\n<\/footer>\n<script>\n(function(){\n var ham = document.getElementById('hamburger');\n var nl = document.getElementById('navLinks');\n if(!ham || !nl) return;\n ham.addEventListener('click', function(e){\n e.stopPropagation();\n ham.classList.toggle('open');\n nl.classList.toggle('open');\n });\n \/\/ dropdown toggle on mobile tap\n document.querySelectorAll('.has-drop > .nav-btn').forEach(function(btn){\n btn.addEventListener('click', function(e){\n if(window.innerWidth <= 900){\n e.preventDefault();\n var li = btn.closest('.has-drop');\n li.classList.toggle('drop-open');\n }\n });\n });\n \/\/ close menu when nav link clicked\n nl.querySelectorAll('a:not(.nav-btn)').forEach(function(a){\n a.addEventListener('click', function(){\n ham.classList.remove('open');\n nl.classList.remove('open');\n });\n });\n \/\/ close on outside click\n document.addEventListener('click', function(e){\n if(!nl.contains(e.target) && e.target !== ham){\n ham.classList.remove('open');\n nl.classList.remove('open');\n }\n });\n})();\nfunction triggerReveals(){\n var obs = new IntersectionObserver(function(entries){\n entries.forEach(function(e){ if(e.isIntersecting){e.target.classList.add('vis');obs.unobserve(e.target);} });\n },{threshold:0.05,rootMargin:'0px 0px -40px 0px'});\n document.querySelectorAll('.reveal:not(.vis)').forEach(function(el){\n if(el.getBoundingClientRect().top < window.innerHeight) el.classList.add('vis');\n else obs.observe(el);\n });\n}\nfunction toggleFaq(btn){\n var item=btn.closest('.fitem');\n var wasOpen=item.classList.contains('open');\n document.querySelectorAll('.fitem').forEach(function(i){i.classList.remove('open');var t=i.querySelector('.ftog');if(t)t.textContent='+';});\n if(!wasOpen){item.classList.add('open');var tog=btn.querySelector('.ftog');if(tog)tog.innerHTML='−';}\n}\nwindow.addEventListener('DOMContentLoaded', triggerReveals);\nwindow.addEventListener('scroll', triggerReveals);\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Precision Marketing for Canadian SMBs \u2014 Callout Digital CALLOUTDIGITAL Our Why Site Builds Brand Builders ▼ Brand Builder Bundles Bronze — $999 Silver — $1,999 Gold — $2,499 Platinum — $3,499 Growth Plans Financing Get Your Plan Precision Marketing for Canadian SMBs Your CurrentMarketingIsn’t Working. Callout Digital is the precision marketing partner for hardworking Canadian […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/calloutdigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/calloutdigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9,"date":"2026-04-06T05:10:16","date_gmt":"2026-04-06T05:10:16","guid":{"rendered":"https:\/\/calloutdigital.com\/?page_id=9"},"modified":"2026-04-06T06:42:08","modified_gmt":"2026-04-06T06:42:08","slug":"home","status":"publish","type":"page","link":"https:\/\/calloutdigital.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nPrecision Marketing for Canadian SMBs \u2014 Callout Digital<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;700;800;900&family=Roboto+Mono:wght@400;500;700&family=DM+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root{--black:#000;--white:#fff;--grey:#F2F2F2;--mid:#888;}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;}\nbody{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--black);overflow-x:hidden;cursor:crosshair;}\n\n\/* \u2500\u2500 PAGES \u2500\u2500 *\/\n.page{display:none;}\n.page.active{display:block;}\n\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\nnav{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--black);border-bottom:2px solid var(--white);display:flex;align-items:stretch;height:60px;}\n.nav-logo{display:flex;align-items:center;padding:0 22px;border-right:2px solid var(--white);text-decoration:none;flex-shrink:0;gap:10px;cursor:crosshair;}\n.nav-wordmark{display:flex;flex-direction:column;}\n.nav-wordmark .nw1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:15px;letter-spacing:.1em;color:var(--white);line-height:1.1;}\n.nav-wordmark .nw2{font-family:'Roboto Mono',monospace;font-weight:700;font-size:8px;letter-spacing:.25em;color:rgba(255,255,255,.45);line-height:1.1;}\n.nav-links{display:flex;align-items:stretch;flex:1;list-style:none;}\n.nav-links > li{display:flex;align-items:center;border-right:1px solid rgba(255,255,255,.12);position:relative;}\n.nav-btn{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.15em;color:rgba(255,255,255,.6);text-transform:uppercase;padding:0 20px;height:100%;display:flex;align-items:center;gap:5px;cursor:crosshair;border:none;background:none;text-decoration:none;transition:color .15s,background .15s;white-space:nowrap;}\n.nav-btn:hover{color:var(--white);background:rgba(255,255,255,.07);}\n.nav-btn.active{color:var(--white);box-shadow:inset 0 -2px 0 var(--white);}\n\n\/* Dropdown *\/\n.has-drop{position:relative;}\n.drop-menu{display:none;position:absolute;top:calc(100% + 2px);left:0;background:var(--black);border:1px solid rgba(255,255,255,.18);border-top:2px solid var(--white);min-width:200px;z-index:300;}\n.has-drop:hover .drop-menu{display:block;}\n.drop-menu a{display:block;font-family:'Roboto Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.15em;color:rgba(255,255,255,.55);text-decoration:none;padding:13px 18px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.07);transition:color .15s,background .15s;cursor:crosshair;}\n.drop-menu a:last-child{border-bottom:none;}\n.drop-menu a:hover,.drop-menu a.active{color:var(--white);background:rgba(255,255,255,.05);}\n.arrow{font-size:7px;opacity:.45;display:inline-block;transition:transform .15s;}\n.has-drop:hover .arrow{transform:rotate(180deg);}\n\n.nav-cta{margin-left:auto;display:flex;align-items:center;padding:0 22px;border-left:2px solid var(--white);}\n.btn{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:10px 20px;cursor:crosshair;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:all .15s;border:none;}\n.btn-w{background:var(--white);color:var(--black);}\n.btn-w:hover{background:var(--grey);}\n.btn-o{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.4);}\n.btn-o:hover{border-color:var(--white);}\n\n\/* \u2500\u2500 SHARED SECTION STYLES \u2500\u2500 *\/\nsection{position:relative;}\n.slabel{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--mid);display:flex;align-items:center;gap:12px;margin-bottom:48px;}\nh2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(38px,5vw,68px);line-height:.93;text-transform:uppercase;letter-spacing:-.01em;}\n\n\/* \u2500\u2500 PAGE HERO (interior pages) \u2500\u2500 *\/\n.pg-hero{background:var(--black);padding:130px 60px 72px;border-bottom:2px solid rgba(255,255,255,.08);}\n.pg-hero-in{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;}\n.pg-eyebrow{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.25em;color:var(--mid);text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:12px;}\n.pg-eyebrow::before{content:'';width:32px;height:1px;background:var(--mid);}\n.pg-hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(44px,5.5vw,76px);line-height:.92;color:var(--white);text-transform:uppercase;letter-spacing:-.01em;}\n.pg-sub{font-size:15px;line-height:1.65;color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.1);padding-top:20px;}\n.pg-sub strong{color:rgba(255,255,255,.85);}\n\n\/* \u2500\u2500 TICKER \u2500\u2500 *\/\n.ticker{background:var(--black);border-top:2px solid var(--black);border-bottom:2px solid var(--black);overflow:hidden;padding:14px 0;white-space:nowrap;}\n.tick-in{display:inline-flex;animation:tick 35s linear infinite;}\n@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n.ti{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);padding:0 32px;display:inline-flex;align-items:center;gap:32px;}\n.ti::after{content:'\/\/';color:rgba(255,255,255,.2);}\n\n\/* \u2500\u2500 HOMEPAGE HERO \u2500\u2500 *\/\n#hero{min-height:100vh;background:var(--black);display:grid;grid-template-columns:1fr 1fr;padding-top:60px;overflow:hidden;}\n.hero-l{padding:80px 60px;display:flex;flex-direction:column;justify-content:center;border-right:2px solid rgba(255,255,255,.08);}\n.eyebrow{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.25em;color:var(--mid);text-transform:uppercase;margin-bottom:28px;display:flex;align-items:center;gap:12px;}\n.eyebrow::before{content:'';width:32px;height:1px;background:var(--mid);}\nh1.main{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(52px,6vw,88px);line-height:.92;color:var(--white);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:32px;}\n.strike{text-decoration:line-through;color:var(--mid);}\n.hero-sub{font-size:16px;line-height:1.65;color:rgba(255,255,255,.6);max-width:440px;margin-bottom:48px;}\n.hero-sub strong{color:var(--white);font-weight:600;}\n.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:60px;}\n.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1);padding-top:40px;}\n.hstat{padding-right:24px;border-right:1px solid rgba(255,255,255,.1);}\n.hstat:last-child{border-right:none;padding-left:24px;padding-right:0;}\n.hstat:not(:first-child):not(:last-child){padding-left:24px;}\n.hstat-n{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:36px;color:var(--white);line-height:1;margin-bottom:4px;}\n.hstat-l{font-family:'Roboto Mono',monospace;font-size:9px;letter-spacing:.15em;color:var(--mid);text-transform:uppercase;}\n.hero-r{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#050505;}\n.grid-ov{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;}\n.scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:scan 4s linear infinite;}\n@keyframes scan{0%{top:0%}100%{top:100%}}\n.fv{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}\n.fsvg{width:70%;max-width:380px;opacity:.9;}\n\n\/* \u2500\u2500 WHY (homepage) \u2500\u2500 *\/\n#why{background:var(--white);border-top:2px solid var(--black);}\n.why-g{display:grid;grid-template-columns:1fr 1fr;min-height:640px;}\n.why-l{background:var(--black);padding:80px 60px;color:var(--white);display:flex;flex-direction:column;justify-content:space-between;border-right:2px solid var(--black);}\n.why-l h2{color:var(--white);margin-bottom:24px;}\n.why-l>.top>p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.6);max-width:420px;}\n.probs{display:flex;flex-direction:column;margin-top:48px;}\n.prob{display:flex;align-items:flex-start;gap:20px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);}\n.prob:last-child{border-bottom:1px solid rgba(255,255,255,.1);}\n.prob-ico{width:36px;height:36px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Roboto Mono',monospace;font-size:11px;color:var(--mid);font-weight:700;}\n.prob-txt strong{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:18px;color:var(--white);letter-spacing:.02em;margin-bottom:4px;}\n.prob-txt span{font-size:12px;color:rgba(255,255,255,.45);font-family:'Roboto Mono',monospace;line-height:1.4;}\n.why-r{padding:80px 60px;display:flex;flex-direction:column;justify-content:center;}\n.why-r h2{margin-bottom:32px;}\n.why-r h2 em{font-style:normal;text-decoration:underline;text-underline-offset:6px;}\n.sols{display:flex;flex-direction:column;margin-top:24px;}\n.sol{display:flex;align-items:flex-start;gap:20px;padding:24px 0;border-top:1px solid var(--grey);}\n.sol:last-child{border-bottom:1px solid var(--grey);}\n.sol-n{font-family:'Roboto Mono',monospace;font-size:11px;font-weight:700;color:var(--black);opacity:.22;width:28px;flex-shrink:0;padding-top:2px;}\n.sol-c strong{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;}\n.sol-c p{font-size:13px;color:#555;line-height:1.55;}\n\n\/* \u2500\u2500 SERVICE OVERVIEW CARDS (homepage) \u2500\u2500 *\/\n.svc-overview{background:var(--white);border-top:2px solid var(--black);padding:80px 60px;}\n.svc-ov-in{max-width:1400px;margin:0 auto;}\n.svc-ov-hd{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:60px;align-items:end;}\n.svc-ov-hd p{font-size:15px;line-height:1.65;color:#555;padding-top:8px;border-top:1px solid var(--grey);}\n.svc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid var(--black);}\n.svc-card{padding:40px 36px;border-right:2px solid var(--black);display:flex;flex-direction:column;gap:16px;transition:background .2s;cursor:crosshair;}\n.svc-card:last-child{border-right:none;}\n.svc-card:hover{background:var(--grey);}\n.svc-card.dark{background:var(--black);color:var(--white);}\n.svc-card.dark:hover{background:#111;}\n.svc-card-num{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--mid);text-transform:uppercase;}\n.svc-card.dark .svc-card-num{color:rgba(255,255,255,.3);}\n.svc-card-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:28px;text-transform:uppercase;letter-spacing:.02em;line-height:1;}\n.svc-card p{font-size:13px;line-height:1.6;color:#555;flex:1;}\n.svc-card.dark p{color:rgba(255,255,255,.5);}\n.svc-card-link{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--black);text-decoration:none;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--black);padding-bottom:2px;width:fit-content;transition:opacity .15s;}\n.svc-card.dark .svc-card-link{color:var(--white);border-color:rgba(255,255,255,.4);}\n.svc-card-link:hover{opacity:.6;}\n\n\/* \u2500\u2500 CARDS (service pages) \u2500\u2500 *\/\n.svc-in{max-width:1400px;margin:0 auto;padding:80px 60px;}\n.tier-tag{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;padding:8px 16px;border:1px solid var(--black);display:inline-block;margin-bottom:32px;}\n.tier-sec{margin-bottom:72px;}\n.tier-h{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:32px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;}\n.tier-sub{font-family:'Roboto Mono',monospace;font-size:11px;color:var(--mid);margin-bottom:32px;}\n.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border:2px solid var(--black);}\n.card{border-right:2px solid var(--black);padding:36px 32px;display:flex;flex-direction:column;transition:background .2s;}\n.card:last-child{border-right:none;}\n.card:hover{background:var(--grey);}\n.cbadge{font-family:'Roboto Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--black);color:var(--white);padding:4px 10px;display:inline-block;margin-bottom:20px;width:fit-content;}\n.cname{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:26px;text-transform:uppercase;letter-spacing:.02em;line-height:1;margin-bottom:8px;}\n.cprice{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:48px;line-height:1;margin-bottom:4px;}\n.cprice sup{font-size:22px;font-weight:700;vertical-align:super;}\n.cfinance{font-family:'Roboto Mono',monospace;font-size:10px;color:var(--mid);margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--grey);}\n.cfeats{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1;margin-bottom:24px;}\n.cfeats li{font-size:13px;color:#333;display:flex;align-items:flex-start;gap:10px;line-height:1.4;}\n.cfeats li::before{content:'\u2713';font-family:'Roboto Mono',monospace;font-size:11px;font-weight:700;color:var(--black);flex-shrink:0;padding-top:1px;}\n.ccta{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:12px 20px;background:var(--black);color:var(--white);border:none;cursor:crosshair;text-align:center;text-decoration:none;display:block;transition:opacity .15s;}\n.ccta:hover{opacity:.75;}\n.inc{color:#999;font-size:11px;}\n.card.dk{background:var(--black);color:var(--white);border-right-color:rgba(255,255,255,.1);}\n.card.dk:last-child{border-right:none;}\n.card.dk:hover{background:#111;}\n.card.dk .cfinance{color:rgba(255,255,255,.3);border-bottom-color:rgba(255,255,255,.08);}\n.card.dk .cfeats li{color:rgba(255,255,255,.7);}\n.card.dk .cfeats li::before{color:var(--white);}\n.card.dk .cbadge{background:var(--white);color:var(--black);}\n.card.dk .ccta{background:var(--white);color:var(--black);}\n.card.dk .ccta:hover{opacity:.85;}\n.card.gr{background:var(--grey);}\n.card.gr:hover{background:#e8e8e8;}\n.card.gr .cfinance{border-bottom-color:rgba(0,0,0,.1);}\n.addon-note{margin-top:32px;padding:20px 24px;border:1px dashed rgba(0,0,0,.18);display:flex;align-items:center;gap:16px;font-family:'Roboto Mono',monospace;font-size:11px;color:#555;line-height:1.5;}\n.addon-note strong{color:var(--black);}\n.disc-badge{display:inline-flex;align-items:center;gap:6px;font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;background:var(--black);color:var(--white);padding:6px 14px;margin-bottom:32px;letter-spacing:.1em;}\n.disc-badge .tag{background:white;color:black;padding:2px 6px;}\n.section-divider{font-family:'Roboto Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--mid);margin-bottom:16px;display:flex;align-items:center;gap:12px;}\n.section-divider::before{content:'';width:24px;height:1px;background:var(--mid);}\n.ad-note{margin-bottom:20px;padding:16px 20px;border:1px dashed rgba(0,0,0,.18);font-family:'Roboto Mono',monospace;font-size:10px;color:#555;line-height:1.6;}\n.ad-note strong{color:var(--black);}\n\n\/* \u2500\u2500 MOATS \u2500\u2500 *\/\n#moats{background:var(--black);padding:100px 60px;border-top:2px solid rgba(255,255,255,.12);color:var(--white);}\n.moats-in{max-width:1400px;margin:0 auto;}\n.moats-hd{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px;align-items:end;}\n.moats-hd h2{color:var(--white);}\n.moats-hd p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.1);padding-top:16px;}\n.moats-g{display:grid;grid-template-columns:1fr 1fr;border:2px solid rgba(255,255,255,.12);}\n.moat{padding:48px 44px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);transition:background .2s;}\n.moat:hover{background:rgba(255,255,255,.03);}\n.moat:nth-child(2n){border-right:none;}\n.moat:nth-child(3),.moat:nth-child(4){border-bottom:none;}\n.moat-n{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.2em;color:rgba(255,255,255,.2);margin-bottom:20px;}\n.moat-ico{width:48px;height:48px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:22px;color:rgba(255,255,255,.6);}\n.moat h3{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:26px;text-transform:uppercase;letter-spacing:.03em;color:var(--white);margin-bottom:16px;line-height:1;}\n.moat p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.5);}\n.moat p strong{color:rgba(255,255,255,.85);font-weight:600;}\n\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\n.faq-wrap{background:var(--white);padding:100px 60px;border-top:2px solid var(--black);}\n.faq-in{max-width:1200px;margin:0 auto;}\n.faq-g{display:grid;grid-template-columns:300px 1fr;gap:80px;align-items:start;}\n.faq-sb h2{margin-bottom:20px;}\n.faq-sb p{font-size:14px;color:#666;line-height:1.6;margin-bottom:32px;}\n.faq-sb a{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--black);text-decoration:none;border-bottom:1px solid var(--black);padding-bottom:4px;cursor:crosshair;}\n.faq-list{display:flex;flex-direction:column;}\n.fitem{border-top:1px solid var(--grey);overflow:hidden;}\n.fitem:last-child{border-bottom:1px solid var(--grey);}\n.fq{width:100%;background:none;border:none;text-align:left;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:crosshair;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:.02em;color:var(--black);transition:color .15s;}\n.fq:hover{color:#333;}\n.ftog{width:28px;height:28px;border:1px solid var(--grey);display:flex;align-items:center;justify-content:center;font-family:'Roboto Mono',monospace;font-size:16px;flex-shrink:0;transition:background .15s;color:var(--black);}\n.fitem.open .ftog{background:var(--black);color:var(--white);border-color:var(--black);}\n.fa{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .2s;}\n.fitem.open .fa{max-height:400px;padding-bottom:24px;}\n.fa p{font-size:14px;line-height:1.75;color:#555;max-width:580px;}\n.fa p strong{color:var(--black);}\n\n\/* \u2500\u2500 CTA BAND \u2500\u2500 *\/\n.cta-band{background:var(--black);padding:100px 60px;text-align:center;border-top:2px solid rgba(255,255,255,.08);}\n.cta-band h2{color:var(--white);margin-bottom:24px;font-size:clamp(40px,5vw,68px);}\n.cta-band p{font-size:16px;color:rgba(255,255,255,.5);line-height:1.65;margin-bottom:40px;max-width:480px;margin-left:auto;margin-right:auto;}\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter{background:var(--black);border-top:2px solid rgba(255,255,255,.1);color:var(--white);}\n.ft{display:grid;grid-template-columns:260px 1fr 1fr 1fr;border-bottom:1px solid rgba(255,255,255,.08);}\n.fc{padding:56px 36px;border-right:1px solid rgba(255,255,255,.06);}\n.fc:last-child{border-right:none;}\n.ftag{font-size:12px;line-height:1.6;color:rgba(255,255,255,.35);margin-bottom:24px;}\n.floc{font-family:'Roboto Mono',monospace;font-size:9px;letter-spacing:.15em;color:rgba(255,255,255,.2);text-transform:uppercase;}\n.fc h4{font-family:'Roboto Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:20px;}\n.fc ul{list-style:none;display:flex;flex-direction:column;gap:10px;}\n.fc ul a{font-size:13px;color:rgba(255,255,255,.5);text-decoration:none;transition:color .15s;cursor:crosshair;}\n.fc ul a:hover{color:var(--white);}\n.fb{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;}\n.fb p{font-family:'Roboto Mono',monospace;font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.2);text-transform:uppercase;}\n.fb-links{display:flex;gap:24px;list-style:none;}\n.fb-links a{font-family:'Roboto Mono',monospace;font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.2);text-decoration:none;text-transform:uppercase;transition:color .15s;cursor:crosshair;}\n.fb-links a:hover{color:rgba(255,255,255,.5);}\n\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\n.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease;}\n.reveal.vis{opacity:1;transform:none;}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media(max-width:960px){\n #hero{grid-template-columns:1fr;}\n .hero-r{min-height:280px;}\n .hero-l{padding:60px 32px;}\n .why-g,.moats-hd,.svc-ov-hd,.faq-g,.pg-hero-in{grid-template-columns:1fr;}\n .why-l,.why-r{padding:60px 32px;}\n .svc-in,.faq-wrap,#moats,.cta-band,.svc-overview,.pg-hero{padding-left:32px;padding-right:32px;}\n .moats-g{grid-template-columns:1fr;}\n .moat{border-right:none;}\n .moat:nth-child(3){border-bottom:1px solid rgba(255,255,255,.08);}\n .cgrid,.svc-cards{grid-template-columns:1fr;}\n .card,.svc-card{border-right:none;border-bottom:2px solid var(--black);}\n .card.dk{border-bottom:1px solid rgba(255,255,255,.1);}\n .card:last-child,.svc-card:last-child{border-bottom:none;}\n .ft{grid-template-columns:1fr 1fr;}\n .fc:nth-child(2){border-right:none;}\n}\n@media(max-width:600px){\n nav{height:52px;}\n .nav-links{display:none;}\n .hero-l{padding:48px 24px;}\n h1.main{font-size:44px;}\n .hero-stats{grid-template-columns:1fr;gap:16px;}\n .hstat{border-right:none;border-top:1px solid rgba(255,255,255,.1);padding:16px 0 0;}\n .hstat:first-child{border-top:none;padding-top:0;}\n .ft{grid-template-columns:1fr;}\n .fc{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);}\n .fb{flex-direction:column;gap:12px;text-align:center;}\n #moats,.faq-wrap,.cta-band{padding:60px 24px;}\n}\n\n\n\/* \u2500\u2500 HAMBURGER + MOBILE NAV \u2500\u2500 *\/\n.hamburger{display:none;background:none;border:none;border-left:2px solid var(--white);cursor:crosshair;padding:0 22px;flex-direction:column;gap:5px;justify-content:center;align-items:center;height:60px;flex-shrink:0;}\n.hamburger span{display:block;width:22px;height:2px;background:var(--white);transition:all .3s ease;}\n.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}\n.hamburger.open span:nth-child(2){opacity:0;}\n.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\n.nav-links a{text-decoration:none;}\n@media(max-width:900px){\n .nav-cta{display:none;}\n .hamburger{display:flex;margin-left:auto;}\n .nav-links{position:absolute;top:60px;left:0;right:0;background:var(--black);flex-direction:column;border-bottom:2px solid rgba(255,255,255,.12);max-height:0;overflow:hidden;transition:max-height .4s ease;z-index:199;}\n .nav-links.open{max-height:600px;}\n .nav-links > li{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);width:100%;}\n .nav-links > li:last-child{border-bottom:none;}\n .nav-links .nav-btn{padding:18px 24px;width:100%;justify-content:flex-start;}\n .has-drop .drop-menu{position:static;border:none;border-top:1px solid rgba(255,255,255,.06);display:none;min-width:100%;}\n .has-drop.drop-open .drop-menu{display:block;}\n .drop-menu a{padding-left:40px;}\n .has-drop .arrow{transition:transform .2s;}\n .has-drop.drop-open .arrow{transform:rotate(180deg);}\n .svc-card{cursor:pointer;}\n}\n@media(max-width:600px){\n .nav-links{top:52px;}\n}\n\n<\/style>\n<\/head>\n<body>\n<nav id=\"sitenav\">\n <a href=\"index.html\" class=\"nav-logo\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"14\" y=\"1.5\" width=\"17.5\" height=\"17.5\" rx=\"1\" transform=\"rotate(45 14 1.5)\" fill=\"none\" stroke=\"white\" stroke-width=\"1.2\"\/><rect x=\"14\" y=\"6\" width=\"11.5\" height=\"11.5\" rx=\".5\" transform=\"rotate(45 14 6)\" fill=\"none\" stroke=\"white\" stroke-width=\"1.2\"\/><rect x=\"14\" y=\"10.5\" width=\"5\" height=\"5\" rx=\".3\" transform=\"rotate(45 14 10.5)\" fill=\"white\"\/><\/svg>\n <div class=\"nav-wordmark\"><span class=\"nw1\">CALLOUT<\/span><span class=\"nw2\">DIGITAL<\/span><\/div>\n <\/a>\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a class=\"nav-btn\" href=\"index.html#why\">Our Why<\/a><\/li>\n <li><a class=\"nav-btn\" href=\"builds.html\">Site Builds<\/a><\/li>\n <li class=\"has-drop\">\n <a class=\"nav-btn\" href=\"brand.html\">Brand Builders <span class=\"arrow\">▼<\/span><\/a>\n <div class=\"drop-menu\">\n <a href=\"brand.html\">Brand Builder Bundles<\/a>\n <a href=\"brand.html#bronze\">Bronze — $999<\/a>\n <a href=\"brand.html#silver\">Silver — $1,999<\/a>\n <a href=\"brand.html#gold-brand\">Gold — $2,499<\/a>\n <a href=\"brand.html#platinum\">Platinum — $3,499<\/a>\n <\/div>\n <\/li>\n <li><a class=\"nav-btn\" href=\"growth.html\">Growth Plans<\/a><\/li>\n <li><a class=\"nav-btn\" href=\"financing.html\">Financing<\/a><\/li>\n <\/ul>\n <div class=\"nav-cta\"><a href=\"contact.html\" class=\"btn btn-w\">Get Your Plan<\/a><\/div>\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Toggle menu\"><span><\/span><span><\/span><span><\/span><\/button>\n<\/nav>\n\n \n <section id=\"hero\">\n <div class=\"hero-l\">\n <div class=\"eyebrow\">Precision Marketing for Canadian SMBs<\/div>\n <h1 class=\"main\">Your Current<br><span class=\"strike\">Marketing<\/span><br>Isn’t Working.<\/h1>\n <p class=\"hero-sub\"><strong>Callout Digital<\/strong> is the precision marketing partner for hardworking Canadian SMBs. Custom-built websites, real brand strategy, and leads that actually convert — without the agency bloat. <strong>Enterprise Quality. SMB Pricing.<\/strong><\/p>\n <div class=\"hero-ctas\">\n <button class=\"btn btn-w\" onclick=\"window.location='builds.html'\" style=\"font-size:11px;padding:14px 28px;\">See the Service Ladder<\/button>\n <a class=\"btn btn-o\" href=\"#moats\" style=\"font-size:11px;padding:14px 28px;\">24-Hour Guarantee →<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"hstat\"><div class=\"hstat-n\">24h<\/div><div class=\"hstat-l\">Response Guarantee<\/div><\/div>\n <div class=\"hstat\"><div class=\"hstat-n\">0<\/div><div class=\"hstat-l\">Fluff. Zero Jargon.<\/div><\/div>\n <div class=\"hstat\"><div class=\"hstat-n\">100%<\/div><div class=\"hstat-l\">Transparent Pricing<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-r\">\n <div class=\"grid-ov\"><\/div>\n <div class=\"scan\"><\/div>\n <div class=\"fv\">\n <svg class=\"fsvg\" viewBox=\"0 0 320 420\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <line x1=\"0\" y1=\"80\" x2=\"320\" y2=\"80\" stroke=\"rgba(255,255,255,.06)\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"160\" x2=\"320\" y2=\"160\" stroke=\"rgba(255,255,255,.06)\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"240\" x2=\"320\" y2=\"240\" stroke=\"rgba(255,255,255,.06)\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"320\" x2=\"320\" y2=\"320\" stroke=\"rgba(255,255,255,.06)\" stroke-width=\"1\"\/>\n <line x1=\"80\" y1=\"0\" x2=\"80\" y2=\"420\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\n <line x1=\"160\" y1=\"0\" x2=\"160\" y2=\"420\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\n <line x1=\"240\" y1=\"0\" x2=\"240\" y2=\"420\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\n <path d=\"M20 20 L300 20 L260 100 L60 100Z\" fill=\"rgba(255,255,255,.08)\"\/>\n <path d=\"M60 100 L260 100 L200 180 L100 180Z\" fill=\"rgba(255,255,255,.06)\"\/>\n <path d=\"M100 180 L200 180 L170 260 L120 260Z\" fill=\"rgba(255,255,255,.05)\"\/>\n <path d=\"M120 260 L170 260 L160 340 L140 340Z\" fill=\"rgba(255,255,255,.1)\"\/>\n <path d=\"M140 340 L160 340 L160 400 L140 400Z\" fill=\"rgba(255,255,255,.2)\"\/>\n <path d=\"M20 20 L300 20 L260 100 L200 100 L200 180 L170 180 L170 260 L150 260 L150 340 L160 400 L140 400 L140 340 L120 340 L120 260 L100 260 L100 180 L60 180 L60 100 L20 20Z\" fill=\"none\" stroke=\"rgba(255,255,255,.25)\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n <text x=\"30\" y=\"16\" font-family=\"Roboto Mono\" font-size=\"9\" fill=\"rgba(255,255,255,.3)\" letter-spacing=\"3\">AWARENESS<\/text>\n <text x=\"30\" y=\"96\" font-family=\"Roboto Mono\" font-size=\"9\" fill=\"rgba(255,255,255,.3)\" letter-spacing=\"3\">INTEREST<\/text>\n <text x=\"30\" y=\"176\" font-family=\"Roboto Mono\" font-size=\"9\" fill=\"rgba(255,255,255,.3)\" letter-spacing=\"3\">INTENT<\/text>\n <text x=\"30\" y=\"256\" font-family=\"Roboto Mono\" font-size=\"9\" fill=\"rgba(255,255,255,.3)\" letter-spacing=\"3\">LEADS<\/text>\n <text x=\"30\" y=\"336\" font-family=\"Roboto Mono\" font-size=\"9\" fill=\"rgba(255,255,255,.3)\" letter-spacing=\"3\">REVENUE<\/text>\n <line x1=\"305\" y1=\"20\" x2=\"316\" y2=\"20\" stroke=\"rgba(255,255,255,.15)\" stroke-width=\"1\"\/>\n <line x1=\"262\" y1=\"100\" x2=\"316\" y2=\"100\" stroke=\"rgba(255,255,255,.15)\" stroke-width=\"1\"\/>\n <line x1=\"202\" y1=\"180\" x2=\"316\" y2=\"180\" stroke=\"rgba(255,255,255,.15)\" stroke-width=\"1\"\/>\n <line x1=\"172\" y1=\"260\" x2=\"316\" y2=\"260\" stroke=\"rgba(255,255,255,.15)\" stroke-width=\"1\"\/>\n <line x1=\"162\" y1=\"340\" x2=\"316\" y2=\"340\" stroke=\"rgba(255,255,255,.15)\" stroke-width=\"1\"\/>\n <circle cx=\"160\" cy=\"400\" r=\"5\" fill=\"white\" opacity=\".9\"\/>\n <circle cx=\"160\" cy=\"400\" r=\"10\" fill=\"none\" stroke=\"white\" stroke-width=\"1\" opacity=\".3\"\/>\n <circle cx=\"160\" cy=\"400\" r=\"16\" fill=\"none\" stroke=\"white\" stroke-width=\".5\" opacity=\".15\"\/>\n <text x=\"160\" y=\"418\" font-family=\"Roboto Mono\" font-size=\"8\" fill=\"rgba(255,255,255,.4)\" text-anchor=\"middle\" letter-spacing=\"4\">CONVERTED<\/text>\n <\/svg>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"ticker\">\n <div class=\"tick-in\">\n <span class=\"ti\">No Fluff<\/span><span class=\"ti\">No Jargon<\/span><span class=\"ti\">Enterprise Quality<\/span><span class=\"ti\">SMB Pricing<\/span><span class=\"ti\">100% Transparent<\/span><span class=\"ti\">AI-Integrated Fulfillment<\/span><span class=\"ti\">24-Hour Response<\/span><span class=\"ti\">Canadian Business<\/span><span class=\"ti\">Zero Hidden Fees<\/span><span class=\"ti\">Search-First Advertising<\/span><span class=\"ti\">In-House Financing<\/span><span class=\"ti\">No Fluff<\/span><span class=\"ti\">No Jargon<\/span><span class=\"ti\">Enterprise Quality<\/span><span class=\"ti\">SMB Pricing<\/span><span class=\"ti\">100% Transparent<\/span><span class=\"ti\">AI-Integrated Fulfillment<\/span><span class=\"ti\">24-Hour Response<\/span><span class=\"ti\">Canadian Business<\/span><span class=\"ti\">Zero Hidden Fees<\/span><span class=\"ti\">Search-First Advertising<\/span><span class=\"ti\">In-House Financing<\/span>\n <\/div>\n <\/div>\n\n \n <section id=\"why\">\n <div class=\"why-g\">\n <div class=\"why-l\">\n <div class=\"top\">\n <div class=\"slabel\" style=\"color:rgba(255,255,255,.3);margin-bottom:28px;\">Why We Exist<\/div>\n <h2 style=\"margin-bottom:24px;\">The Market<br>Is Stacked<br>Against You.<\/h2>\n <p>You’ve been burned before. Overpaid for an agency that disappeared, or hired a freelancer who vanished mid-project. There’s a massive gap in the market — and we built Callout Digital to fill it.<\/p>\n <\/div>\n <div class=\"probs\">\n <div class=\"prob\"><div class=\"prob-ico\">A<\/div><div class=\"prob-txt\"><strong>Big Agencies<\/strong><span>$5,000–$15,000\/mo retainers. 40% goes to account managers you’ll never meet. Vague deliverables. No guaranteed leads.<\/span><\/div><\/div>\n <div class=\"prob\"><div class=\"prob-ico\">B<\/div><div class=\"prob-txt\"><strong>Cheap Freelancers<\/strong><span>No strategy. No accountability. Inconsistent quality. They disappear when you need them most.<\/span><\/div><\/div>\n <div class=\"prob\"><div class=\"prob-ico\">C<\/div><div class=\"prob-txt\"><strong>DIY Platforms<\/strong><span>Looks unprofessional. Costs you more in lost credibility than you save. Your competitors are outranking you right now.<\/span><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"why-r\">\n <div class=\"slabel\">The Callout Digital Solution<\/div>\n <h2>We Cut The<br><em>Noise<\/em>. You<br>Get Results.<\/h2>\n <div class=\"sols\">\n <div class=\"sol\"><div class=\"sol-n\">01<\/div><div class=\"sol-c\"><strong>AI-Integrated Fulfillment<\/strong><p>Our proprietary AI technology replaces traditional creative staff — delivering faster, more precise output with zero ego, zero sick days, and zero billing surprises.<\/p><\/div><\/div>\n <div class=\"sol\"><div class=\"sol-n\">02<\/div><div class=\"sol-c\"><strong>The Playbook Standard<\/strong><p>Every deliverable follows a standardized, battle-tested playbook. No guesswork. No creative differences. Just execution.<\/p><\/div><\/div>\n <div class=\"sol\"><div class=\"sol-n\">03<\/div><div class=\"sol-c\"><strong>You Only Pay For Revenue<\/strong><p>We don’t run vanity campaigns. Every dollar is designed to generate leads and trackable revenue — or we don’t spend it.<\/p><\/div><\/div>\n <div class=\"sol\"><div class=\"sol-n\">04<\/div><div class=\"sol-c\"><strong>100% Transparent Pricing<\/strong><p>Every package is itemized. No hidden fees. No surprise invoices. In-house financing available. Period.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"svc-overview\">\n <div class=\"svc-ov-in\">\n <div class=\"svc-ov-hd reveal\">\n <div>\n <div class=\"slabel\">What We Do<\/div>\n <h2>Three Products.<br>One Direction.<\/h2>\n <\/div>\n <p>Start with a site, build a brand, then grow with monthly plans. Each product works standalone or stacks together. <strong>Clients who build with us get 10% off all monthly plans.<\/strong><\/p>\n <\/div>\n <div class=\"svc-cards reveal\">\n <div class=\"svc-card\" onclick=\"window.location='builds.html'\">\n <div class=\"svc-card-num\">01 — Site Builds<\/div>\n <div class=\"svc-card-title\">Custom-Coded Websites<\/div>\n <p>From $699 for a 1-page site to $2,499+ for a 15-page growth machine. Every site is hand-coded — no templates, no page builders. In-house financing available.<\/p>\n <span class=\"svc-card-link\">View Packages →<\/span>\n <\/div>\n <div class=\"svc-card dark\" onclick=\"window.location='brand.html'\">\n <div class=\"svc-card-num\">02 — Brand Builders<\/div>\n <div class=\"svc-card-title\">Identity + Website Bundles<\/div>\n <p>From $999 Bronze to $3,499 Platinum. Logo, brand voice, social setup, LinkedIn exec profile — everything to look legitimate from Day 1.<\/p>\n <span class=\"svc-card-link\">View Bundles →<\/span>\n <\/div>\n <div class=\"svc-card\" onclick=\"window.location='growth.html'\">\n <div class=\"svc-card-num\">03 — Growth Plans<\/div>\n <div class=\"svc-card-title\">SEO & Paid Advertising<\/div>\n <p>Monthly SEO from $299. Paid ad management from $100\/mo. You cover ad spend — we run the campaigns. Start with search, scale to social once we’re delivering.<\/p>\n <span class=\"svc-card-link\">View Plans →<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section id=\"moats\">\n <div class=\"moats-in\">\n <div class=\"moats-hd reveal\">\n <div>\n <div class=\"slabel\" style=\"color:rgba(255,255,255,.3);margin-bottom:28px;\">Our Competitive Moats<\/div>\n <h2 style=\"color:white;\">Why Callout<br>Hits Different.<br>Full Stop.<\/h2>\n <\/div>\n <p>These aren’t marketing promises. These are the structural reasons why Callout Digital produces better results at lower cost — and why no traditional agency can replicate what we do.<\/p>\n <\/div>\n <div class=\"moats-g reveal\">\n <div class=\"moat\"><div class=\"moat-n\">01 \/\/ ADVERTISING<\/div><div class=\"moat-ico\">◎<\/div><h3>Search-First Advertising<\/h3><p>We start every ad strategy with <strong>Search campaigns only<\/strong> — capturing people already actively looking for your service. No wasted spend on cold audiences. <strong>Only budget spent on people who searched for exactly what you offer.<\/strong> As revenue grows, we layer in paid social for clients with the budget and traction to scale further. Leads first. Always.<\/p><\/div>\n <div class=\"moat\"><div class=\"moat-n\">02 \/\/ ACCOUNTABILITY<\/div><div class=\"moat-ico\">□<\/div><h3>The 24-Hour Rule<\/h3><p>Every inquiry, update request, and support ticket is <strong>guaranteed a response within 1 business day<\/strong>. No offshore support. No ticket queues. One direct line to your account. If we miss it, we make it right — no questions asked.<\/p><\/div>\n <div class=\"moat\"><div class=\"moat-n\">03 \/\/ FINANCING<\/div><div class=\"moat-ico\">▣<\/div><h3>In-House Financing<\/h3><p>Custom <strong>6-month and 12-month payment plans managed entirely in-house<\/strong>. No third-party lenders. No credit checks. No interest. We built our own financing structure so cash flow is never a reason to stay invisible. <strong>High-end branding isn’t only for well-funded companies.<\/strong><\/p><\/div>\n <div class=\"moat\"><div class=\"moat-n\">04 \/\/ FULFILLMENT<\/div><div class=\"moat-ico\">△<\/div><h3>AI-Integrated Fulfillment<\/h3><p>Our fulfillment stack runs on <strong>proprietary AI technology and in-house methods<\/strong> — executing every deliverable through tightly-controlled, repeatable processes. Consistent enterprise-grade output. <strong>Faster than traditional staff. More reliable. Zero overhead passed to you.<\/strong><\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"faq-wrap\">\n <div class=\"faq-in\">\n <div class=\"faq-g reveal\">\n <div class=\"faq-sb\">\n <div class=\"slabel\">FAQ<\/div>\n <h2>Straight<br>Answers.<\/h2>\n <p>No runaround. No sales spin. These are the questions every SMB owner asks before signing — and the real answers.<\/p>\n <a href=\"#cta\" href=\"#\">Still have questions? Book a call →<\/a>\n <\/div>\n <div class=\"faq-list\">\n <div class=\"fitem open\"><button class=\"fq\" onclick=\"toggleFaq(this)\">Is AI-generated work actually good quality?<span class=\"ftog\">−<\/span><\/button><div class=\"fa\"><p>Yes — when it’s directed properly. We’ve built proprietary playbooks and AI methods that guide every deliverable through a controlled production process. Output goes through our quality review before anything reaches you. <strong>The result is enterprise-grade work that a five-person agency team would take three times as long to produce.<\/strong><\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">Why is it so much cheaper than other agencies?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p>Because we eliminated the overhead. Traditional agencies pay account managers, project managers, copywriters, designers, and developers — then charge you to cover all of it. <strong>Our AI-integrated fulfillment stack replaces most of that headcount.<\/strong> We pass those savings directly to you.<\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">How long does a website build take?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p><strong>1-Page Power Sites: 3–5 business days.<\/strong> 5-Page Authority Sites: 7–10 business days. 10-Page Growth Hubs: 14–21 business days. Platinum builds with custom strategy may take up to 30 days.<\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">Is the code actually custom or is it templates?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p><strong>100% custom-coded.<\/strong> Every site is written from scratch using clean, semantic HTML\/CSS\/JS. No WordPress. No Squarespace. No page builders. Your site loads faster, ranks better, and you own the code outright — no platform lock-in, ever.<\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">How does in-house financing work?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p>We manage payment plans entirely in-house — no third-party lender, no credit check, no interest. Choose 6-month or 12-month terms at signing. <strong>A small down payment secures your build slot and the remaining balance splits into equal monthly payments.<\/strong> Available on all Site Build and Brand Builder packages.<\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">Who gets the 10% discount on monthly plans?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p><strong>Any client who had their website or brand built with us<\/strong> gets 10% off all monthly SEO and ad management plans. This applies to all tiers — Basic SEO, Gold SEO, Starter Ads, and Scale Ads. The discount is applied automatically — just mention your build when signing up.<\/p><\/div><\/div>\n <div class=\"fitem\"><button class=\"fq\" onclick=\"toggleFaq(this)\">What happens after my website is built?<span class=\"ftog\">+<\/span><\/button><div class=\"fa\"><p>A website without traffic is a digital business card. Our monthly SEO plans drive organic rankings, and our paid ad management drives immediate inbound leads. <strong>Build clients get 10% off all Growth Plans.<\/strong> No obligation to continue — but the numbers usually make the decision obvious.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"cta\" class=\"cta-band\">\n <div class=\"slabel\" style=\"color:rgba(255,255,255,.25);justify-content:center;margin-bottom:24px;\">Ready to Stop Wasting Money?<\/div>\n <h2>Get Your Plan.<br>Zero Risk.<\/h2>\n <p>30-minute intake call. We’ll tell you exactly what fits your business and what it will cost. If we’re not the right fit, we’ll say so.<\/p>\n <a class=\"btn btn-w\" href=\"https:\/\/calloutdigital.com\/contact\" style=\"font-size:12px;padding:18px 40px;display:inline-flex;margin-top:0;\">Book Your Free Strategy Call →<\/a>\n <\/div>\n\n\n<footer>\n <div class=\"ft\">\n <div class=\"fc\">\n <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:18px;\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"14\" y=\"1.5\" width=\"17.5\" height=\"17.5\" rx=\"1\" transform=\"rotate(45 14 1.5)\" fill=\"none\" stroke=\"white\" stroke-width=\"1.3\"\/><rect x=\"14\" y=\"6\" width=\"11.5\" height=\"11.5\" rx=\".5\" transform=\"rotate(45 14 6)\" fill=\"none\" stroke=\"white\" stroke-width=\"1.3\"\/><rect x=\"14\" y=\"10.5\" width=\"5\" height=\"5\" rx=\".3\" transform=\"rotate(45 14 10.5)\" fill=\"white\"\/><\/svg>\n <div><div style=\"font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:18px;letter-spacing:.1em;color:white;line-height:1;\">CALLOUT<\/div><div style=\"font-family:'Roboto Mono',monospace;font-size:8px;letter-spacing:.25em;color:rgba(255,255,255,.4);line-height:1;\">DIGITAL<\/div><\/div>\n <\/div>\n <p class=\"ftag\">No-nonsense marketing for hardworking Canadian businesses. Enterprise quality. SMB pricing. Zero fluff.<\/p>\n <p class=\"floc\">Fraser Valley, BC · Canada<\/p>\n <\/div>\n <div class=\"fc\"><h4>Services<\/h4><ul>\n <li><a href=\"builds.html\">Site Builds<\/a><\/li>\n <li><a href=\"brand.html\">Brand Builder Bundles<\/a><\/li>\n <li><a href=\"growth.html\">SEO Plans<\/a><\/li>\n <li><a href=\"growth.html\">Paid Ad Management<\/a><\/li>\n <\/ul><\/div>\n <div class=\"fc\"><h4>Company<\/h4><ul>\n <li><a href=\"index.html#why\">Our Why<\/a><\/li>\n <li><a href=\"index.html#moats\">Our Moats<\/a><\/li>\n <li><a href=\"financing.html\">Financing<\/a><\/li>\n <li><a href=\"contact.html\">Book a Call<\/a><\/li>\n <\/ul><\/div>\n <div class=\"fc\"><h4>Contact<\/h4><ul>\n <li><a href=\"#\">hello [at] calloutdigital.ca<\/a><\/li>\n <li><a href=\"#\">Fraser Valley, BC<\/a><\/li>\n <li><a href=\"#\">Canada<\/a><\/li>\n <li style=\"margin-top:16px;\"><a href=\"#\">Privacy Policy<\/a><\/li>\n <li><a href=\"#\">Terms of Service<\/a><\/li>\n <\/ul><\/div>\n <\/div>\n <div class=\"fb\">\n <p>© 2025 Callout Digital · Fraser Valley, BC, Canada · All Rights Reserved<\/p>\n <ul class=\"fb-links\"><li><a href=\"#\">Privacy<\/a><\/li><li><a href=\"#\">Terms<\/a><\/li><li><a href=\"#\">Contact<\/a><\/li><\/ul>\n <\/div>\n<\/footer>\n<script>\n(function(){\n var ham = document.getElementById('hamburger');\n var nl = document.getElementById('navLinks');\n if(!ham || !nl) return;\n ham.addEventListener('click', function(e){\n e.stopPropagation();\n ham.classList.toggle('open');\n nl.classList.toggle('open');\n });\n \/\/ dropdown toggle on mobile tap\n document.querySelectorAll('.has-drop > .nav-btn').forEach(function(btn){\n btn.addEventListener('click', function(e){\n if(window.innerWidth <= 900){\n e.preventDefault();\n var li = btn.closest('.has-drop');\n li.classList.toggle('drop-open');\n }\n });\n });\n \/\/ close menu when nav link clicked\n nl.querySelectorAll('a:not(.nav-btn)').forEach(function(a){\n a.addEventListener('click', function(){\n ham.classList.remove('open');\n nl.classList.remove('open');\n });\n });\n \/\/ close on outside click\n document.addEventListener('click', function(e){\n if(!nl.contains(e.target) && e.target !== ham){\n ham.classList.remove('open');\n nl.classList.remove('open');\n }\n });\n})();\nfunction triggerReveals(){\n var obs = new IntersectionObserver(function(entries){\n entries.forEach(function(e){ if(e.isIntersecting){e.target.classList.add('vis');obs.unobserve(e.target);} });\n },{threshold:0.05,rootMargin:'0px 0px -40px 0px'});\n document.querySelectorAll('.reveal:not(.vis)').forEach(function(el){\n if(el.getBoundingClientRect().top < window.innerHeight) el.classList.add('vis');\n else obs.observe(el);\n });\n}\nfunction toggleFaq(btn){\n var item=btn.closest('.fitem');\n var wasOpen=item.classList.contains('open');\n document.querySelectorAll('.fitem').forEach(function(i){i.classList.remove('open');var t=i.querySelector('.ftog');if(t)t.textContent='+';});\n if(!wasOpen){item.classList.add('open');var tog=btn.querySelector('.ftog');if(tog)tog.innerHTML='−';}\n}\nwindow.addEventListener('DOMContentLoaded', triggerReveals);\nwindow.addEventListener('scroll', triggerReveals);\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Precision Marketing for Canadian SMBs \u2014 Callout Digital CALLOUTDIGITAL Our Why Site Builds Brand Builders ▼ Brand Builder Bundles Bronze — $999 Silver — $1,999 Gold — $2,499 Platinum — $3,499 Growth Plans Financing Get Your Plan Precision Marketing for Canadian SMBs Your CurrentMarketingIsn’t Working. Callout Digital is the precision marketing partner for hardworking Canadian […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/calloutdigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/calloutdigital.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/calloutdigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}