1<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="anonymous"><link rel="preconnect" href="https://backend.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://images.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://cdn.filesafe.space" crossorigin="anonymous"><meta property="og:type" content="website"><meta property="twitter:type" content="website"><style> 2 3 :root{ --transparent: transparent; 4--primary: #37ca37; 5--secondary: #188bf6; 6--white: #ffffff; 7--gray: #cbd5e0; 8--black: #000000; 9--red: #e93d3d; 10--orange: #f6ad55; 11--yellow: #faf089; 12--green: #9ae6b4; 13--teal: #81e6d9; 14--malibu: #63b3ed; 15--indigo: #757BBD; 16--purple: #d6bcfa; 17--pink: #fbb6ce; 18--cobalt: #155eef; 19--smoke: #f5f5f5; 20--overlay: rgba(0, 0, 0, 0.5); 21--headlinefont: 'Inter'; 22--contentfont: 'Inter'; 23--text-color: #000000; 24--link-color: #188bf6; } .bg-fixed{bottom:0;top:0;left:0;right:0;position:fixed;overflow:auto;background-color:var(--white)} 25 26 .drop-zone-draggable .hl_main_popup{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;border-radius:0;background-color:var(--white);width:720px} 27 28 29#hl_main_popup.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;border-radius:0;background-color:var(--white);width:720px}.--mobile #hl_main_popup.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:480px){#hl_main_popup.popup-body{width:380px!important}} 30 31 .drop-zone-draggable .hl_main_popup-mrzom3tixy{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;border-radius:0;background-color:var(--white);width:720px} 32 33 34#hl_main_popup-mrzom3tixy.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;border-radius:0;background-color:var(--white);width:720px}.--mobile #hl_main_popup-mrzom3tixy.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:480px){#hl_main_popup-mrzom3tixy.popup-body{width:380px!important}} 35 /* ---- Section styles ----- */ 36:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .section-1skgPVGnvq{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-S5zBrzOFOH,.hl_page-preview--content .col-mKzcSjOgEN,.hl_page-preview--content .row-GaCU_LVjUE,.hl_page-preview--content .row-u4OWu-fFWX{margin:0 auto;box-shadow:none;padding:0 5px 10px;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0;width:100%}.hl_page-preview--content .col-S5zBrzOFOH,.hl_page-preview--content .col-mKzcSjOgEN,.hl_page-preview--content .row-GaCU_LVjUE{padding:0 5px;margin:0}.hl_page-preview--content .col-mKzcSjOgEN,.hl_page-preview--content .row-GaCU_LVjUE{margin:0 auto}.hl_page-preview--content .col-mKzcSjOgEN{padding:0 5px 10px;margin:0}.hl_page-preview--content .custom-code-9WZ-Ama1u8{margin:0;width:auto;height:auto}#section-1skgPVGnvq>.inner{max-width:1170px}@media (max-width:1024px){#section-1skgPVGnvq{animation:none!important}}.--mobile #row-u4OWu-fFWX,.--mobile #section-1skgPVGnvq{animation:none!important}@media (max-width:1024px){#row-u4OWu-fFWX{animation:none!important}}#col-S5zBrzOFOH>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-S5zBrzOFOH{animation:none!important}}.--mobile #col-S5zBrzOFOH,.--mobile #row-GaCU_LVjUE{animation:none!important}@media (max-width:1024px){#row-GaCU_LVjUE{animation:none!important}}#col-mKzcSjOgEN>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-mKzcSjOgEN{animation:none!important}}.--mobile #col-mKzcSjOgEN{animation:none!important} 37 38@media (max-width: 1024px) { 39 #section-1skgPVGnvq, 40 #row-u4OWu-fFWX, 41 #col-S5zBrzOFOH, 42 #row-GaCU_LVjUE, 43 #col-mKzcSjOgEN { 44 animation: none !important; 45 } 46} 47</style><link rel="stylesheet" href media="print" onload="this.media='all'"><style>:root{--sticky-header-height:0px}[id]{scroll-margin-top:var(--sticky-header-height)}
47.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:9999}.align-center{align-items:center}.h-full{height:100%}.max-w-400{max-width:400px}.text-right{text-align:right}.d-grid{display:grid}.px-0{padding-left:0!important;padding-right:0!important}.gap-1{gap:.3rem}.items-end{align-items:flex-end}.relative{position:relative}.gap-2{gap:.625rem}.mt-20{margin-top:20px}.mt-8{margin-top:32px}.ml-3{margin-left:.75rem}.mr-10{margin-right:10px}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-100{width:100%}.h-100{height:100%}.w-50{width:50%}.w-25{width:25%}.mw-100{max-width:100%}.noBorder{border:none!important}.iti__flag{background-image:url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/flags.png)}.pointer{cursor:pointer}@media(min-resolution:192dpi){.iti__flag{background-image:url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/[email protected])}}.iti__country{display:flex;justify-content:space-between}.iti__hide{display:none}@media(min-width:768px){.hl_wrapper.nav-shrink .hl_wrapper--inner.page-creator,body{padding-top:0}.hl_page-creator--menu{left:0;top:0;z-index:10}.hl_wrapper{padding-left:0}}@media(min-width:1200px){.hl_wrapper.nav-shrink{padding-left:0!important}}html body .hl_wrapper{height:100vh;overflow:hidden}body{margin:0;-webkit-font-smoothing:antialiased}img{border-style:none;vertical-align:middle}.bg-fixed{z-index:-1}.progress-outer{background-color:#f5f5f5;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001a;font-size:14px;height:35px;line-height:36px;overflow:hidden;padding-bottom:0;padding-top:0;width:100%}.progress-inner{box-shadow:inset 0 -1px #00000026;color:#fff;float:left;font-size:14px;height:100%;padding-left:10px;padding-right:10px;transition:width .6s ease;width:0}.progress0{width:0}.progress10{width:10%}.progress20{width:20%}.progress30{width:30%}.progress40{width:40%}.progress50{width:50%}.progress60{width:60%}.progress70{width:70%}.progress80{width:80%}.progress90{width:90%}.progress100{width:100%}.progressbarOffsetWhite{background:#f5f5f5}.progressbarOffsetTransparentWhite{background-color:#ffffff80}.progressbarOffsetBlack{background:#333}.progressbarOffsetTransparentBlack{background-color:#7e7e7e80}.text-white{color:#fff}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-bold-italic{font-style:italic;font-weight:700}.progressbarSmall{font-size:14px;height:35px;line-height:36px}.progressbarMedium{font-size:19px;height:45px;line-height:45px}.progressbarLarge{font-size:21px;height:65px;line-height:65px}.recaptcha-container{margin-bottom:1em}.recaptcha-container p{color:red;margin-top:1em}.button-recaptcha-container div:first-child{height:auto!important;width:100%!important}.card-el-error-msg{align-items:center;color:#e25950;display:flex;font-size:13px;justify-content:flex-start;padding:10px 0;text-align:center}.card-el-error-msg svg{color:#f87171;margin-right:2px}.hl-faq-child-heading{border:none;cursor:pointer;justify-content:space-between;outline:none;padding:15px;width:100%}.hl-faq-child-head,.hl-faq-child-heading{align-items:center;display:flex}.v-enter-active,.v-leave-active{transition:opacity .2s ease-out}.v-enter-from,.v-leave-to{opacity:0}.faq-separated-child{margin-bottom:10px}.hl-faq-child-panel img{border-radius:15px;cursor:pointer}.hl-faq-child-heading-icon.left{margin-right:1em}.expand-collapse-all-button{background-color:transparent;border:1px solid #d1d5db;border-radius:15px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:400;line-height:16px;margin:1em 0;padding:5px 15px}.hl-faq-child-panel{transition:padding .2s ease}.v-spinner .v-moon1{position:relative}.v-spinner .v-moon1,.v-spinner .v-moon2{animation:v-moonStretchDelay .6s linear 0s infinite;animation-fill-mode:forwards}.v-spinner .v-moon2{opacity:.8;position:absolute}.v-spinner .v-moon3{opacity:.1}@keyframes v-moonStretchDelay{to{transform:rotate(1turn)}}.generic-error-message{color:red;font-weight:500;margin-top:.5rem;text-align:center}#faq-overlay{background:var(--overlay);height:100vh;opacity:.8;width:100vw}#faq-overlay,#faq-popup{position:fixed;z-index:1000}#faq-popup{background:#fff;height:auto;left:50%;margin-left:-250px;margin-top:-250px;top:50%;width:500px}#popupclose{cursor:pointer;float:right;padding:10px}.popupcontent{height:auto!important;width:100%!important}
47#button{cursor:pointer}.dark{background-color:#000}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spotlight{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.z-10{z-index:10}.right-0{right:0}.left-0{left:0}.fixed{position:fixed}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.overflow-hidden{overflow:hidden}.min-h-screen{min-height:100vh}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.place-content-center{place-content:center}.grid{display:grid}.z-20{z-index:20}.max-w-520px{max-width:520px}.mb-8{margin-bottom:2rem}.text-8xl{font-size:6rem;line-height:1}.font-medium{font-weight:500}.mb-16{margin-bottom:4rem}.leading-tight{line-height:1.25}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-light{font-weight:300}@media(min-width:640px){.sm-text-10xl{font-size:10rem;line-height:1}.sm-text-4xl{font-size:2.25rem;line-height:2.5rem}.sm-px-0{padding-left:0;padding-right:0}}.full-center{background-position:50%!important;background-repeat:repeat!important;background-size:cover!important}.fill-width{background-size:100% auto!important}.fill-width,.fill-width-height{background-repeat:no-repeat!important}.fill-width-height{background-size:100% 100%!important}.no-repeat{background-repeat:no-repeat!important}.repeat-x{background-repeat:repeat-x!important}.repeat-y{background-repeat:repeat-y!important}.repeat-x-fix-top{background-position:top!important;background-repeat:repeat-x!important}.repeat-x-fix-bottom{background-position:bottom!important;background-repeat:repeat-x!important}#overlay{height:100%;inset:0;opacity:0;overflow-y:scroll;position:fixed;transition:opacity .3s ease;width:100%;z-index:999;-webkit-overflow-scrolling:touch}#overlay.show{opacity:1}.popup-body{background-color:#fff;height:auto;left:50%;min-height:180px;position:absolute;top:10%;transition:transform .25s ease-in-out}.popup-body,.popup-body.show{transform:translate(-50%)}.closeLPModal{cursor:pointer;position:absolute;right:-10px;top:-10px;z-index:21}.settingsPModal{font-size:18px;left:40%;padding:10px;position:absolute;top:-40px;width:32px}.c-section>.inner{display:flex;flex-direction:column;justify-content:center;margin:auto;z-index:2}.c-row>.inner{display:flex;width:100%}.c-column>.inner{display:flex;flex-direction:column;height:100%;justify-content:inherit;width:100%!important}.c-wrapper{position:relative}.previewer{--vw:100vh/100;height:calc(100vh - 170px);margin:auto;overflow:scroll;overflow-x:hidden;overflow-y:scroll;width:100%}.c-element{position:relative}.c-column{flex:1}.c-column,.c-row{position:relative}p+p{margin-top:auto}.hl_page-creator--row.active{border-color:#188bf6}.flip-list-move{transition:transform .5s}.page-wrapper .sortable-ghost:before{background:#188bf6!important;border-radius:4px;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.page-wrapper .sortable-ghost{border:none!important;position:relative}.active-drop-area:before{color:gray;content:"";font-size:12px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.active-drop-area{border:1px dashed grey}.active-drop-area.is-empty{min-height:60px}.empty-component{align-items:center;border:1px dashed #d7dde9;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.empty-component,.empty-component-min-height{min-height:100px;pointer-events:none}.dividerContainer{width:100%}.items-center{align-items:center}.font-semibold{font-weight:600}.text-2xl{font-size:1.5rem}.text-sm{font-size:.875rem}.w-full{width:100%}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.justify-between{justify-content:space-between}.text-lg{font-size:1.125rem}.font-base{font-weight:400}.justify-end{justify-content:flex-end}.justify-center{justify-content:center!important}.text-center{text-align:center}.centered{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.mx-auto{margin:0 auto}.default-cursor{cursor:default!important}</style><style>@media only screen and (max-width:767px){.c-row>.inner{flex-direction:column}.desktop-only{display:none}.c-column,.c-row{width:100%!important}.c-column,.c-column>.inner,.c-row>.inner,.c-section,.c-section>.inner{padding-left:0!important;padding-right:0!important}.c-column,.c-column>.inner,.c-row{margin-left:0!important;margin-right:0!important}.c-row{padding-left:10px!important;padding-right:10px!important}}@media only screen and (min-width:1024.02px){.mobile-only{display:none}}@media only screen and (min-width:768px)and (max-width:1024px){.tablet-hide{display:none}}.c-button button{outline:none;position:relative}.fa,.fab,.fal,.far,.fas{-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.c-column{flex:1 1 auto!important}.c-column>.inner.horizontal>div{flex:1}.c-row>.inner{display:flex;width:100%}.c-nested-column .c-row>.inner{width:100%!important}.c-nested-column .inner{border:none!important}.bgCover.bg-fixed:before{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover.bg-fixed:before{background-attachment:scroll!important}}.bgCover100.bg-fixed:before{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100.bg-fixed:before,.bgNoRepeat.bg-fixed:before{background-repeat:no-repeat!important}.bgRepeatX.bg-fixed:before{background-repeat:repeat-x!important}.bgRepeatY.bg-fixed:before{background-repeat:repeat-y!important}.bgRepeatXTop.bg-fixed:before{background-position:top!important;background-repeat:repeat-x!important}.bgRepeatXBottom.bg-fixed:before{background-position:bottom!important;background-repeat:repeat-x!important}.bgCover{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover{background-attachment:scroll!important}}.bgCover100{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100,.bgNoRepeat{background-repeat:no-repeat!important}.bgRepeatX{background-repeat:repeat-x!important}.bgRepeatY{background-repeat:repeat-y!important}.bgRepeatXTop{background-position:top!important}.bgRepeatXBottom,.bgRepeatXTop{background-repeat:repeat-x!important}.bgRepeatXBottom{background-position:bottom!important}.cornersTop{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.cornersBottom{border-top-left-radius:0!important;border-top-right-radius:0!important}.radius0{border-radius:0}.radius1{border-radius:1px}.radius2{border-radius:2px}.radius3{border-radius:3px}.radius4{border-radius:4px}.radius5{border-radius:5px}.radius10{border-radius:10px}.radius15{border-radius:15px}.radius20{border-radius:20px}.radius25{border-radius:25px}.radius50{border-radius:50px}.radius75{border-radius:75px}.radius100{border-radius:100px}.radius125{border-radius:125px}.radius150{border-radius:150px}.borderTopBottom{border-bottom-color:#000000b3;border-left:none!important;border-right:none!important;border-top-color:#000000b3}.borderTop{border-bottom:none!important;border-top-color:#000000b3}.borderBottom,.borderTop{border-left:none!important;border-right:none!important}.borderBottom{border-bottom-color:#000000b3;border-top:none!important}.borderFull{border-color:#000000b3}@keyframes rocking{0%{transform:rotate(0)}25%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.buttonRocking{animation:rocking 2s infinite;animation-timing-function:ease-out;transition:.2s}.buttonPulseGlow{animation:pulseGlow 2s infinite;animation-timing-function:ease-in-out}@keyframes pulseGlow{0%{box-shadow:0 0 #fff0}25%{box-shadow:0 0 2.5px 1px #ffffff40}50%{box-shadow:0 0 5px 2px #ffffff80}85%{box-shadow:0 0 5px 5px #fff0}to{box-shadow:0 0 #fff0}}.buttonBounce{animation:bounce 1.5s infinite;animation-timing-function:ease-in;transition:.2s}@keyframes bounce{15%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}35%{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-35%)}45%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}55%{box-shadow:0 5px 4px -4px #00000040;transform:translateY(-20%)}70%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}80%{box-shadow:0 4px 3px -3px #00000040;transform:translateY(-10%)}90%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}95%{box-shadow:0 2px 3px -3px #00000040;transform:translateY(-2%)}99%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 0 0 0 transparent;transform:translateY(0)}}
47@keyframes elevate{0%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-10px)}}.buttonElevate:hover{animation:elevate .2s forwards}.buttonElevate{box-shadow:0 0 0 0 transparent;transition:.2s}.buttonWobble{transition:.3s}.buttonWobble:hover{animation:wobble .5s 1;animation-timing-function:ease-in-out}@keyframes wobble{0%{transform:skew(0)}25%{transform:skew(10deg)}50%{transform:skew(0)}75%{transform:skew(-10deg)}to{transform:skew(0)}}.image-container img{max-width:100%;vertical-align:middle}.sub-text ::-moz-placeholder{color:#000;opacity:1}.sub-text ::placeholder{color:#000;opacity:1}.image-container{height:100%;width:100%}.shadow5inner{box-shadow:inset 0 1px 3px #0000000d}.shadow10inner{box-shadow:inset 0 1px 5px #0000001a}.shadow20inner{box-shadow:inset 0 1px 5px #0003}.shadow30inner{box-shadow:inset 0 2px 5px 2px #0000004d}.shadow40inner{box-shadow:inset 0 2px 5px 2px #0006}.shadow5{box-shadow:0 1px 3px #0000000d}.shadow10{box-shadow:0 1px 5px #0000001a}.shadow20{box-shadow:0 1px 5px #0003}.shadow30{box-shadow:0 2px 5px 2px #0000004d}.shadow40{box-shadow:0 2px 5px 2px #0006}.sub-heading-button{color:#fff;font-weight:400;line-height:normal;opacity:.8;text-align:center}.wideSection{max-width:1120px}.midWideSection,.wideSection{margin-left:auto!important;margin-right:auto!important}.midWideSection{max-width:960px}.midSection{margin-left:auto!important;margin-right:auto!important;max-width:720px}.c-section>.inner{margin-left:auto;margin-right:auto;max-width:1170px;width:100%}.c-column{padding-left:15px;padding-right:15px}.feature-img-circle img,.img-circle,.img-circle img{border-radius:50%!important}.feature-img-round-corners img,.img-round-corners,.img-round-corners img{border-radius:5px}.feature-image-dark-border img,.image-dark-border{border:3px solid rgba(0,0,0,.7)}.feature-image-white-border img,.image-white-border{border:3px solid #fff}.img-grey,.img-grey img{filter:grayscale(100%);filter:gray;-webkit-transition:all .6s ease}.button-shadow1{box-shadow:0 1px 5px #0003}.button-shadow2{box-shadow:0 1px 5px #0006}.button-shadow3{box-shadow:0 1px 5px #000000b3}.button-shadow4{box-shadow:0 8px 1px #0000001a}.button-shadow5{box-shadow:0 0 25px #0003,0 0 15px #0003,0 0 3px #0006}.button-shadow6{box-shadow:0 0 25px #0006,0 0 15px #fff3,0 0 3px #fff6}.button-shadow-sharp1{box-shadow:inset 0 1px #fff3}.button-shadow-sharp2{box-shadow:inset 0 0 0 1px #fff3}.button-shadow-sharp3{box-shadow:inset 0 0 0 2px #fff3}.button-shadow-highlight{box-shadow:none}.button-shadow-highlight:hover{box-shadow:inset 0 0 #ffffff38,inset 0 233px 233px #ffffff1f}.button-flat-line{background-color:transparent!important;border-width:2px}.button-vp-5{padding-bottom:5px!important;padding-top:5px!important}.button-vp-10{padding-bottom:10px!important;padding-top:10px!important}.button-vp-15{padding-bottom:15px!important;padding-top:15px!important}.button-vp-20{padding-bottom:20px!important;padding-top:20px!important}.button-vp-25{padding-bottom:25px!important;padding-top:25px!important}.button-vp-30{padding-bottom:30px!important;padding-top:30px!important}.button-vp-40{padding-bottom:40px!important;padding-top:40px!important}.button-vp-0{padding-bottom:0!important;padding-top:0!important}.button-hp-5{padding-left:5px!important;padding-right:5px!important}.button-hp-10{padding-left:10px!important;padding-right:10px!important}.button-hp-15{padding-left:15px!important;padding-right:15px!important}.button-hp-20{padding-left:20px!important;padding-right:20px!important}.button-hp-25{padding-left:25px!important;padding-right:25px!important}.button-hp-30{padding-left:30px!important;padding-right:30px!important}.button-hp-40{padding-left:40px!important;padding-right:40px!important}.button-hp-0{padding-left:0!important;padding-right:0!important}.vs__dropdown-toggle{background:#f3f8fb!important;border:none!important;height:43px!important}.row-align-center{margin:0 auto}.row-align-left{margin:0 auto;margin-left:0!important}.row-align-right{margin:0 auto;margin-right:0!important}button,input,optgroup,select,textarea{border-radius:unset;font-family:unset;font-size:unset;line-height:unset;margin:unset;text-transform:unset}body{font-weight:unset!important;line-height:unset!important;-moz-osx-font-smoothing:grayscale;word-wrap:break-word}*,:after,:before{box-sizing:border-box}.main-heading-group>div{display:inline-block}.c-button span.main-heading-group,.c-button span.sub-heading-group{dis
47play:block}.time-grid-3{grid-template-columns:repeat(3,100px)}.time-grid-3,.time-grid-4{display:grid;text-align:center}.time-grid-4{grid-template-columns:repeat(4,100px)}@media screen and (max-width:767px){.time-grid-3{grid-template-columns:repeat(3,80px)}.time-grid-4{grid-template-columns:repeat(4,70px)}}.time-grid .timer-box{display:grid;font-size:15px;grid-template-columns:1fr;text-align:center}.timer-box .label{font-weight:300}.c-button button{cursor:pointer}.c-button>a{text-decoration:none}.c-button>a,.c-button>a span{display:inline-block}.nav-menu-wrapper{display:flex;justify-content:space-between}.nav-menu-wrapper.default{flex-direction:row}.nav-menu-wrapper.reverse{flex-direction:row-reverse}.nav-menu-wrapper .branding{align-items:center;display:flex}.nav-menu-wrapper.default .branding{flex-direction:row}.nav-menu-wrapper.reverse .branding{flex-direction:row-reverse}.nav-menu-wrapper.default .branding .logo,.nav-menu-wrapper.reverse .branding .title{margin-right:18px}.nav-menu-wrapper .branding .title{align-items:center;display:flex;min-height:50px;min-width:50px}.nav-menu{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.nav-menu a{text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .dropdown-menu{border:none;box-shadow:0 8px 16px 5px #0000001a}.dropdown-menu{background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.3125rem;color:#607179;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}.nav-menu .nav-menu-item.dropdown:hover>.dropdown-menu{display:block}.nav-menu .dropdown-menu{display:none;list-style:none;margin:0;padding:0}.nav-menu-mobile{display:none}.nav-menu-mobile i{cursor:pointer;font-size:24px}#nav-menu-popup{background:var(--overlay);display:none;height:100%;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;width:100%;z-index:100}#nav-menu-popup.show{opacity:1}#nav-menu-popup .nav-menu-body{background-color:#fff;height:100%;left:0;overflow:auto;padding:45px;position:absolute;top:0;width:100%}#nav-menu-popup .nav-menu-body .close-menu{cursor:pointer;position:absolute;right:20px;top:20px;z-index:100}#nav-menu-popup .nav-menu-body .close-menu:before{content:"ï"}#nav-menu-popup .nav-menu{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}#nav-menu-popup .nav-menu .nav-menu-item{list-style:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content{display:flex;position:relative}#nav-menu-popup .nav-menu-item .nav-menu-item-title{flex-grow:1;margin:0 1rem;max-width:calc(100% - 2rem)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle{cursor:pointer;font-size:24px;position:absolute;right:0;top:calc(50% - 12px)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i{font-size:24px;transition:transform .2s ease}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i:before{content:"ï"}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-menu-item-content .nav-menu-item-toggle i{transform:rotate(-180deg)}#nav-menu-popup .nav-menu .nav-menu-item .nav-dropdown-menu{display:none;max-height:0;opacity:0;overflow:auto;padding:0;transition:all .3s ease-in-out;visibility:hidden}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-dropdown-menu{display:block;max-height:600px;opacity:1;visibility:visible}.form-error{border:2px solid var(--red);border-radius:8px;cursor:pointer;font-size:20px;margin-bottom:10px;padding:6px 12px;text-align:center}.form-error,.form-error i{color:var(--red)}.c-bullet-list ul li{line-height:inherit}.c-bullet-list ul li.ql-indent-1{padding-left:4.5em}.c-bullet-list ul li.ql-indent-2{padding-left:7.5em}.c-bullet-list ul li.ql-indent-3{padding-left:10.5em}.c-bullet-list ul li.ql-indent-4{padding-left:13.5em}.c-bullet-list ul li.ql-indent-5{padding-left:16.5em}.c-bullet-list ul li.ql-indent-6{padding-left:19.5em}.c-bullet-list ul li.ql-indent-7{padding-left:22.5em}.c-bullet-list ul li.ql-indent-8{padding-left:25.5em}.c-rich-text .list-disc{list-style-type:disc}.c-rich-text .list-square{list-style-type:square}.c-rich-text .list-none{list-style-type:none}.c-rich-text .list-circle{list-style-type:circle}.c-rich-text .list-decimal{list-style-type:decimal}.c-rich-text .list-upper-alpha{list-style-type:upper-alpha}.c-rich-text .list-lower-alpha{list-style-type:lower-alpha}.c-rich-text .list-upper-roman{list-style-type:upper-roman}.c-rich-text .list-lower-roman{list-style-type:lower-roman}.text-output ul li{padding-left:1.5em}.text-output ul li:before{display:inline-block;font-weight:700;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.svg-component svg{max-height:100%;max-width:100%}.border1{border-bottom:3px solid rgba(0,0,0,.2)!important}.border2{border:2px solid rgba(0,0,0,.55)}.border3{border:solid rgba(0,0,0,.15);border-width:1px 1px 2px;padding:5px}.border4{border:solid rgba(0,0,0,.35);border-width:1px 1px 2px;padding:1px!important}.shadow1{box-shadow:0 10px 6px -6px #00000026}.shadow2{box-shadow:0 4px 3px #00000026,0 0 2px #00000026}.shadow3{box-shadow:0 10px 6px -6px #999}.shadow4{box-shadow:3px 3px 15px #212121a8}.shadow6{box-shadow:0 10px 1px #ddd,0 10px 20px #ccc}.background{background-color:unset!important}@keyframes progress-bar-animation{to{background-position:0 -3000px}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1,h2,h3,h4,h5,h6{font-weight:500;margin:unset}p{margin:unset}.c-bullet-list,.c-faq,.c-heading,.c-image-feature,.c-paragraph,.c-sub-heading{word-break:break-word}h1:empty:after,h2:empty:after,h3:empty:after,h4:empty:after,h5:empty:after,h6:empty:after,p:empty:after{content:"Â "}h1:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h2:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h3:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h4:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h5:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h6:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,p:has(>br:last-child):not(:has(>br:nth-of-type(2))):after{content:"\a";white-space:pre}.w-3-4{width:75%}.w-1-2{width:50%}.tabs-container{display:flex}@media screen and (max-width:767px){.nav-menu{display:none}.nav-menu-mobile{align-items:center;display:flex}#faq-popup{left:5px!important;margin-left:0!important;width:98%!important}.video-container{width:100%!important}.autoplay .vjs-big-play-button{display:none!important}.autoplay:hover .vjs-control-bar{display:flex!important}}.hvr-grow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}
47.hl-builder-hover-preview.hvr-grow,.hvr-grow:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.05))!important}.hvr-shrink{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-shrink,.hvr-shrink:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,.9))!important}@keyframes hvr-pulse{25%{transform:scale(var(--hover-scale,1.1))}75%{transform:scale(.9)}}.hvr-pulse{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-pulse,.hvr-pulse:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:infinite;animation-name:hvr-pulse;animation-timing-function:linear}.hvr-bounce-in{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.5s);transition-property:transform;vertical-align:middle}.hl-builder-hover-preview.hvr-bounce-in,.hvr-bounce-in:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.2))!important;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}.hvr-rotate{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-rotate,.hvr-rotate:hover{transform:perspective(1px) translateZ(0) rotate(calc(var(--hover-angle, 5)*1deg))!important}.hvr-float{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease-out);vertical-align:middle}.hl-builder-hover-preview.hvr-float,.hvr-float:hover{transform:perspective(1px) translateZ(0) translateY(calc(var(--hover-distance, 5)*-1px))!important}.hvr-skew-forward{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transform-origin:0 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-skew-forward,.hvr-skew-forward:hover{transform:perspective(1px) translateZ(0) skew(calc(var(--hover-angle, 5)*-1deg))!important}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-wobble-horizontal,.hvr-wobble-horizontal:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:1;animation-name:hvr-wobble-horizontal;animation-timing-function:ease-in-out}@keyframes hvr-buzz{50%{transform:translate(calc(var(--hover-distance, 3)*1px)) rotate(2deg)}to{transform:translate(calc(var(--hover-distance, 3)*-1px)) rotate(-2deg)}}.hvr-buzz{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-buzz,.hvr-buzz:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,.15s);animation-iteration-count:infinite;animation-name:hvr-buzz;animation-timing-function:linear}.hoverElevate{backface-visibility:hidden;box-shadow:0 0 0 0 transparent;transition:transform var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s),box-shadow var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s)}
47.hl-builder-hover-preview.hoverElevate,.hoverElevate:hover{box-shadow:0 8px 5px -5px #00000040!important;transform:translateY(calc(var(--hover-distance, 10)*-1px))!important}.hvr-fade{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-fade>*{position:relative;z-index:1}.hvr-fade:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;opacity:0;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:opacity;z-index:0}.hl-builder-hover-preview.hvr-fade,.hvr-fade:hover{color:#fff!important}.hvr-fade:hover:before{opacity:1!important}@keyframes hvr-fade-preview{0%{opacity:0}to{opacity:1}}.hl-builder-hover-preview.hvr-fade:before{animation:hvr-fade-preview var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-right{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-right>*{position:relative;z-index:1}.hvr-sweep-to-right:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:0 50%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}
47.hl-builder-hover-preview.hvr-sweep-to-right,.hvr-sweep-to-right:hover{color:#fff!important}.hvr-sweep-to-right:hover:before{transform:scaleX(1)!important}@keyframes hvr-sweep-right-preview{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hl-builder-hover-preview.hvr-sweep-to-right:before{animation:hvr-sweep-right-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-bottom{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-bottom>*{position:relative;z-index:1}.hvr-sweep-to-bottom:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 0;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hl-builder
47-hover-preview.hvr-sweep-to-bottom,.hvr-sweep-to-bottom:hover{color:#fff!important}.hvr-sweep-to-bottom:hover:before{transform:scaleY(1)!important}@keyframes hvr-sweep-bottom-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hl-builder-hover-preview.hvr-sweep-to-bottom:before{animation:hvr-sweep-bottom-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-radial-in{box-shadow:0 0 1px transparent;color:var(--hover-radial-in-rest-color,#fff)!important;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-radial-in>*{position:relative;z-index:1}.hvr-radial-in:before{background:var(--hover-fill-color,#188bf6);border-radius:100%;content:"";inset:0;position:absolute;transform:scale(2);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hvr-radial-in:hover{color:var(--hover-radial-in-hover-color,inherit)!important}.hvr-radial-in:hover:before{transform:scale(0)!important}@keyframes hvr-radial-in-preview{0%{transform:scale(2)}to{transform:scale(0)}}
47.hl-builder-hover-preview.hvr-radial-in:before{animation:hvr-radial-in-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-bounce-to-top{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-bounce-to-top>*{position:relative;z-index:1}.hvr-bounce-to-top:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);z-index:0}.hl-builder-hover-preview.hvr-bounce-to-top,.hvr-bounce-to-top:hover{color:#fff!important}.hvr-bounce-to-top:hover:before{transform:scaleY(1)!important}@keyframes hvr-bounce-top-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}
47.hl-builder-hover-preview.hvr-bounce-to-top:before{animation:hvr-bounce-top-preview var(--hover-duration,.3s) cubic-bezier(.47,2.02,.31,-.36) var(--hover-delay,0s) forwards!important}@keyframes hvr-ripple-out{to{inset:-12px;opacity:0}}.hvr-ripple-out{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-ripple-out:before{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);border:var(--hover-border-thickness,2px) solid var(--hover-border-color,#188bf6);content:"";inset:0;position:absolute}.hl-builder-hover-preview.hvr-ripple-out:before,.hvr-ripple-out:hover:before{animation-name:hvr-ripple-out}.hvr-outline-in{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-outline-in:before{border:var(--hover-border-thickness,4px) solid var(--hover-border-color,#188bf6);content:"";inset:-16px;opacity:0;pointer-events:none;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:top,right,bottom,left,opacity}
47.hl-builder-hover-preview.hvr-outline-in:before,.hvr-outline-in:hover:before{inset:-8px!important;opacity:1!important}.hvr-underline-from-center{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-underline-from-center>*{position:relative;z-index:1}.hvr-underline-from-center:before{background:var(--hover-border-color,#188bf6);bottom:0;content:"";height:var(--hover-border-thickness,4px);left:51%;position:absolute;right:51%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:left,right;transition-timing-function:ease-out;z-index:0}.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-underline-from-center:hover:before{left:0!important;right:0!important}.hvr-shadow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-shadow,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 var(--hover-spread,10px) var(--hover-blur,10px) calc(var(--hover-spread, 10px)*-1) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-glow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-glow,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 var(--hover-blur,8px) var(--hover-spread,0) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-box-shadow-outset{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:box-shadow;vertical-align:middle}.hl-builder-hover-preview.hvr-box-shadow-outset,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px var(--hover-blur,10px) var(--hover-spread,5px) var(--hover-shadow-color,rgba(24,139,246,.55))!important}@media(hover:none),(max-width:1024px){.hl-builder-hover-preview.hoverElevate,.hl-builder-hover-preview.hvr-bounce-in,.hl-builder-hover-preview.hvr-box-shadow-outset,.hl-builder-hover-preview.hvr-buzz,.hl-builder-hover-preview.hvr-float,.hl-builder-hover-preview.hvr-glow,.hl-builder-hover-preview.hvr-grow,.hl-builder-hover-preview.hvr-pulse,.hl-builder-hover-preview.hvr-rotate,.hl-builder-hover-preview.hvr-shadow,.hl-builder-hover-preview.hvr-shrink,.hl-builder-hover-preview.hvr-skew-forward,.hl-builder-hover-preview.hvr-wobble-horizontal,.hoverElevate:hover,.hvr-bounce-in:hover,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover,.hvr-buzz:hover,.hvr-float:hover,.hvr-glow:focus,.hvr-glow:hover,.hvr-grow:hover,.hvr-pulse:hover,.hvr-rotate:hover,.hvr-shadow:focus,.hvr-shadow:hover,.hvr-shrink:hover,.hvr-skew-forward:hover,.hvr-wobble-horizontal:hover{animation:none!important;box-shadow:none!important;transform:none!important}.hl-builder-hover-preview.hvr-bounce-to-top:before,.hl-builder-hover-preview.hvr-fade:before,.hl-builder-hover-preview.hvr-outline-in:before,.hl-builder-hover-preview.hvr-ripple-out:before,.hl-builder-hover-preview.hvr-sweep-to-bottom:before,.hl-builder-hover-preview.hvr-sweep-to-right:before,.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-bounce-to-top:hover:before,.hvr-fade:hover:before,.hvr-outline-in:hover:before,.hvr-ripple-out:hover:before,.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-right:hover:before,.hvr-underline-from-center:hover:before{animation:none!important;opacity:0!important;transform:scale(0)!important}.hvr-radial-in:hover:before{animation:none!important;opacity:1!important;transform:scale(2)!important}}.hl-entrance-running{pointer-events:none!important}.hl-entrance-parent-clipping{overflow:hidden}[data-animation-done="1"]:not(.hl-entrance-running){opacity:1!important}@media(prefers-reduced-motion:reduce){.hoverElevate,.hoverElevate.hl-builder
47-hover-preview,.hoverElevate:hover,[class*=hvr-],[class*=hvr-].hl-builder-hover-preview,[class*=hvr-]:hover{animation:none!important;transform:none!important;transition:none!important}}@media screen and (max-width:767px){.hl-pricing-table-slide-columns{--column-width:100%!important;--column-gap:0px!important}.hl-pricing-table-slide-columns .hl-pricing-table-column-container:not(:first-child){display:none!important}}@media screen and (max-width:768px){.hl-pricing-table-classic-table-grid-container{grid-template-columns:repeat(var(--mobile-columns),280px)!important;width:calc(var(--mobile-columns)*280px)!important}}</style><style>@font-face{font-display:swap;font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-display:swap;
47font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}@font-face{font-display:swap;font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}
47.fab{font-family:Font Awesome\ 5 Brands;font-weight:400}</style><style>:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}@media(prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate3d(100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes flip{0%{animation-timing-function:ease-out;opacity:0;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0)}to{animation-timing-function:ease-in;opacity:1;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0)}}.animate__animated.animate__flip{animation-name:flip;backface-visibility:visible}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(-100%,0,0) skew(30deg)}60%{opacity:1;transform:skew(-20deg)}80%{transform:skew(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}</style><style>.testimonial-modal-overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.testimonial-modal-content{align-items:stretch;background:none;display:flex;flex-direction:column;max-height:600px;max-width:540px;width:100%}.testimonial-modal-close{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .15s;width:36px;z-index:2}.testimonial-modal-close-icon{color:#222;height:22px;width:22px}@media(max-width:768px){.testimonial-modal-content{border-radius:10px;max-width:98vw}.testimonial-modal-close{right:10px;top:10px}}</style><link rel="preload" as="style" href><link as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/BRIcfofL.js"><link as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/cXX0Yv1e.js"><link as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/Cg3fcW1V.js"><link as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/CoBEZGEQ.js"><link as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/CiIs0Onl.js">
47<script type="module" src="https://stcdn.leadconnectorhq.com/_preview/BRIcfofL.js" crossorigin></script>
47<link rel="dns-prefetch" href="https://services.leadconnectorhq.com"><link rel="icon" href="https://stcdn.leadconnectorhq.com/funnel/icon/favicon.ico">
47<script type="application/ld+json">{ 48 "@context": "https://schema.org", 49 "@graph": [ 50 { 51 "@type": "WebPage", 52 "name": "SECTION [section-1skgPVGnvq]" 53 } 54 ] 55}</script>
55</head><body><div id="__nuxt"><!--[--><div></div><!--[--><div class="bgCover bg-fixed"></div><div><!--[--><div><!----><!----><div><div id="nav-menu-popup" style="display:none;" class="hide"><div class="nav-menu-body"><i class="close-menu fas fa-times"></i><ul class="nav-menu"><!--[--><!--]--></ul></div></div></div><!----><!--[--><!----><!--]--><div id="preview-container" class="preview-container hl_page-preview--content"><div><!----><!--[--><!--[--><div id="section-1skgPVGnvq" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-1skgPVGnvq"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-u4OWu-fFWX" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-u4OWu-fFWX"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-S5zBrzOFOH" data-animation-class data-entrance-clip="1" style="" class="true c-nested-column c-column c-wrapper col-S5zBrzOFOH"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="row-GaCU_LVjUE" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-GaCU_LVjUE"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-mKzcSjOgEN" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-mKzcSjOgEN"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-9WZ-Ama1u8" data-animation-class style="" class="c-custom-code c-wrapper custom-code-9WZ-Ama1u8"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-9WZ-Ama1u8__custom-code" class="custom-code-container ccustom-code-9WZ-Ama1u8"><!-- ================================================================ 56 Blue Shore Marketing: Home 57 Paste this ENTIRE block into a Sales Nest Custom HTML / Code element. 58 Full-bleed: it escapes container padding automatically. Don't wrap 59 it in a max-width row. 60 Links: / /services /process /about /get-started 61 /terms-conditions /privacy-policy 62 ================================================================ --> 63<link rel="preconnect" href="https://assets.cdn.filesafe.space" crossorigin> 64<link rel="preconnect" href="https://fonts.googleapis.com"> 65<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 66<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet"> 67<style> 68 html, body { margin:0; padding:0; max-width:100%; overflow-x:clip; } 69 body { background:#FFFFFF; -webkit-font-smoothing:antialiased; } 70 * { box-sizing:border-box; } 71 a { color:#0F76E8; text-decoration:none; } 72 a:hover { color:#0B5CBA; } 73 @keyframes bsm-marquee { from { transform:translate3d(0,0,0); } to { transform:translate3d(-50%,0,0); } } 74 @keyframes bsm-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-14px); } } 75 @keyframes bsm-pulse { 0%,100% { opacity:.35; transform:scale(1); } 50% { opacity:.75; transform:scale(1.14); } }
76 @keyframes bsm-drift { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(30px,-24px,0) scale(1.06); } } 77 @keyframes bsm-sheen { from { background-position:-160% 0; } to { background-position:260% 0; } } 78</style> 79<div data-bleed style="font-family:Manrope,system-ui,sans-serif; color:#071A2B; overflow-x:clip; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw);"> 80 81<header style="position:fixed; top:0; left:0; right:0; z-index:100; padding:14px clamp(16px,4vw,32px);"> 82 <div data-bar style="max-width:1240px; margin:0 auto; display:flex; align-items:center; gap:12px; padding:9px 10px 9px 16px; border-radius:999px; background:rgba(255,255,255,.72); border:1px solid rgba(7,26,43,.07); box-shadow:0 8px 28px -18px rgba(7,26,43,.35); backdrop-filter:saturate(180%) blur(18px); -webkit-backdrop-filter:saturate(180%) blur(18px); transition:background .35s ease, box-shadow .35s ease, border-color .35s ease;"> 83 <a href="#top" style="display:flex; align-items:center; flex:none;"> 84 <img src="https://assets.cdn.filesafe.space/6iPIg1dRovy2AcIlr6hm/media/6a75fb66f32575f33e38d8ee.png" alt="Blue Shore Marketing" style="height:46px; width:auto; display:block;"> 85 </a> 86 <button data-burger type="button" aria-label="Menu" style="display:none; appearance:none; -webkit-appearance:none; cursor:pointer; margin-left:auto; align-items:center; justify-content:center; width:44px; height:44px; flex:none; border-radius:999px; background:#F1F6FB; border:1px solid #E1EAF3; color:#071A2B;"> 87 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" aria-hidden="true"><path d="M2 5h14M2 9h14M2 13h14" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 88 </button> 89 <nav style="display:flex; align-items:center; gap:4px; margin-left:auto; flex-wrap:wrap; justify-content:flex-end;"> 90 <a href="https://blueshoremarketing.com/services" style="font-size:14.5px; font-weight:600; color:#33506A; letter-spacing:-.01em; padding:9px 12px; border-radius:999px; transition:background .25s ease, color .25s ease;" style-hover="background:#EEF4FA; color:#071A2B;">Services</a> 91 <a href="https://blueshoremarketing.com/process" style="font-size:14.5px; font-weight:600; color:#33506A; letter-spacing:-.01em; padding:9px 12px; border-radius:999px; transition:background .25s ease, color .25s ease;" style-hover="background:#EEF4FA; color:#071A2B;">Process</a> 92 <a href="https://blueshoremarketing.com/about" style="font-size:14.5px; font-weight:600; color:#33506A; letter-spacing:-.01em; padding:9px 12px; border-radius:999px; transition:background .25s ease, color .25s ease;" style-hover="background:#EEF4FA; color:#071A2B;">About</a> 93 <a href="https://salesnest.ai" target="_blank" rel="noopener" style="display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:600; color:#7189A0; letter-spacing:-.01em; padding:9px 12px; border-radius:999px; white-space:nowrap; transition:background .25s ease, color .25s ease;" style-hover="background:#EEF4FA; color:#071A2B;">Sales Nest CRM
94 <svg width="11" height="11" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M3.5 8.5L8.5 3.5M8.5 3.5H4.8M8.5 3.5v3.7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 95 </a> 96 <div data-dropdown style="position:relative;"> 97 <button data-dd-btn type="button" style="appearance:none; -webkit-appearance:none; cursor:pointer; display:inline-flex; align-items:center; gap:7px; background:transparent; border:none; font-family:Manrope,sans-serif; font-size:14.5px; font-weight:600; color:#33506A; letter-spacing:-.01em; padding:9px 12px; border-radius:999px; white-space:nowrap; transition:background .25s ease, color .25s ease;" style-hover="background:#EEF4FA; color:#071A2B;">Free Tools 98 <svg data-dd-chev width="11" height="11" viewBox="0 0 12 12" fill="none" aria-hidden="true" style="transition:transform .3s cubic-bezier(.2,.8,.2,1);"><path d="M2.5 4.5L6 8l3.5-3.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 99 </button> 100 <div data-dd-panel style="display:none; flex-direction:column; gap:2px; position:absolute; top:calc(100% + 14px); right:0; min-width:272px; padding:10px; border-radius:18px; background:rgba(255,255,255,.97); border:1px solid #E4EDF5; box-shadow:0 26px 54px -22px rgba(7,26,43,.4); backdrop-filter:saturate(180%) blur(18px); -webkit-backdrop-filter:saturate(180%) blur(18px); z-index:5;"> 101 <a href="https://salesnest.ai/spam-checker" target="_blank" rel="noopener" style="display:block; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:600; color:#2E4759; transition:background .2s ease, color .2s ease;" style-hover="background:#F1F6FB; color:#071A2B;">Spam Checker</a> 102 <a href="https://salesnest.ai/email-reputation" target="_blank" rel="noopener" style="display:block; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:600; color:#2E4759; transition:background .2s ease, color .2s ease;" style-hover="background:#F1F6FB; color:#071A2B;">Email Reputation</a> 103 <a href="https://salesnest.ai/segement-calculator" target="_blank" rel="noopener" style="display:block; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:600; color:#2E4759; transition:background .2s ease, color .2s ease;" style-hover="background:#F1F6FB; color:#071A2B;">SMS Segment Calculator</a> 104 <a href="https://salesnest.ai/sms-compliance-checker" target="_blank" rel="noopener" style="display:block; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:600; color:#2E4759; transition:background .2s ease, color .2s ease;" style-hover="background:#F1F6FB; color:#071A2B;">SMS Compliance Checker</a> 105 <a href="https://salesnest.ai/call-calculator" target="_blank" rel="noopener" style="display:block; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:600; color:#2E4759; transition:background .2s ease, color .2s ease;" style-hover="background:#F1F6FB; color:#071A2B;">Missed Call Calculator</a> 106 <span style="display:block; height:1px; background:#EDF2F7; margin:6px 8px;"></span> 107 <a href="https://salesnest.ai/free-tools" target="_blank" rel="noopener" style="display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:800; color:var(--accent,#0F76E8); transition:background .2s ease;" style-hover="background:#EFF6FE; color:var(--accent,#0F76E8);">All free tools 108 <svg width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 109 </a> 110 </div> 111 </div> 112 <span style="width:1px; height:24px; background:rgba(7,26,43,.1); margin:0 8px;"></span> 113 <a href="https://blueshoremarketing.com/get-started" style="display:inline-flex; align-items:center; gap:9px; background:var(--accent,#0F76E8); color:#fff; font-size:15px; font-weight:700; padding:12px 20px; border-radius:999px; letter-spacing:-.01em; white-space:nowrap; box-shadow:0 8px 22px rgba(15,118,232,.28); transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;" style-hover="transform:translateY(-2px); box-shadow:0 14px 30px rgba(15,118,232,.38); color:#fff;">Schedule a Call
114 <span style="display:inline-block; width:6px; height:6px; border-radius:50%; background:#7FD4FF;"></span> 115 </a> 116 </nav> 117 </div> 118</header> 119 120<section id="top" style="position:relative; padding:clamp(92px,10vw,108px) clamp(20px,4vw,32px) clamp(56px,8vw,90px); background:linear-gradient(180deg,#F4F8FC 0%,#FFFFFF 78%); overflow:hidden;"> 121 <div data-orb style="position:absolute; top:-160px; right:-120px; width:620px; height:620px; border-radius:50%; background:radial-gradient(circle at 35% 35%, rgba(53,197,216,.28), rgba(15,118,232,.16) 45%, rgba(255,255,255,0) 70%); filter:blur(10px); pointer-events:none;"></div> 122 <div style="position:absolute; inset:0; background-image:linear-gradient(rgba(7,26,43,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(7,26,43,.045) 1px, transparent 1px); background-size:72px 72px; mask-image:radial-gradient(ellipse 70% 60% at 50% 30%, #000 20%, transparent 75%); -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%, #000 20%, transparent 75%); pointer-events:none;"></div> 123 124 <div style="position:relative; max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr)); gap:64px; align-items:center;"> 125 <div> 126 <div data-reveal style="display:inline-flex; align-items:center; gap:11px; padding:8px 18px 8px 14px; border:1px solid #DCE6EF; background:rgba(255,255,255,.8); border-radius:999px; font-size:13.5px; font-weight:600; color:#3D5A72; letter-spacing:-.01em; margin-bottom:28px;"> 127 <span style="width:7px; height:7px; border-radius:50%; background:var(--accent,#0F76E8); animation:bsm-pulse 2.4s ease-in-out infinite; flex:none;"></span> 128 <span style="white-space:nowrap;">Full-service, in-house</span> 129 <span style="color:#9DB0C1;">·</span> 130 <span data-rotator style="font-weight:800; color:#071A2B; transition:opacity .35s ease, transform .35s ease; display:inline-block; white-space:nowrap;">CRM automation</span> 131 </div> 132 133 <h1 data-reveal data-delay="80" style="font-family:'Space Grotesk',sans-serif; font-size:clamp(36px,4.6vw,74px); line-height:1.01; letter-spacing:-.04em; font-weight:700; margin:0 0 26px; text-wrap:balance;"> 134 We build the <span style="font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; color:var(--accent,#0F76E8);">system</span> your growth runs on. 135 </h1> 136 137 <p data-reveal data-delay="160" style="font-size:19px; line-height:1.6; color:#3C566C; max-width:530px; margin:0 0 36px; text-wrap:pretty;"> 138 Campaigns end. Systems compound. Blue Shore designs the site, the ads, the CRM, and the reporting as one machine, so every lead gets caught, followed up, and counted. 139 </p> 140 141 <div data-reveal data-delay="230" style="display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-bottom:44px;"> 142 <a href="https://blueshoremarketing.com/get-started" style="display:inline-flex; align-items:center; gap:10px; background:#071A2B; color:#fff; font-size:16px; font-weight:700; padding:17px 30px; border-radius:999px; letter-spacing:-.01em; white-space:nowrap; transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;" style-hover="transform:translateY(-3px); box-shadow:0 18px 36px rgba(7,26,43,.26); color:#fff;"> 143 Book a discovery call 144 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="#7FD4FF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 145 </a> 146 <a href="#services" style="display:inline-flex; align-items:center; gap:10px; background:#fff; color:#071A2B; border:1px solid #DCE6EF; font-size:16px; font-weight:700; padding:16px 26px; border-radius:999px; letter-spacing:-.01em; white-space:nowrap; transition:border-color .25s ease, transform .25s ease;" style-hover="border-color:#071A2B; transform:translateY(-3px); color:#071A2B;">See what we do</a> 147 </div> 148 149 <div data-reveal data-delay="300" style="display:flex; gap:38px; flex-wrap:wrap; padding-top:28px; border-top:1px solid #E3EAF0;"> 150 <div> 151 <div style="font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:700; letter-spacing:-.01em; margin-bottom:4px;">No handoffs</div> 152 <div style="font-size:14px; color:#4C6883;">Strategy, build, and reporting. Never subcontracted</div> 153 </div> 154 <div> 155 <div style="font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:700; letter-spacing:-.01em; margin-bottom:4px;">Built to hand over</div> 156 <div style="font-size:14px; color:#4C6883;">Your accounts, your data, your team trained on it</div> 157 </div> 158 </div> 159 </div> 160 161 <div data-reveal data-delay="180" style="position:relative;"> 162 <div style="position:absolute; inset:-18px; border-radius:32px; background:linear-gradient(140deg, rgba(15,118,232,.22), rgba(53,197,216,.14) 55%, rgba(255,255,255,0)); filter:blur(24px);"></div> 163 <div style="position:relative; border-radius:24px; overflow:hidden; background:#071A2B; box-shadow:0 40px 80px -28px rgba(7,26,43,.45), 0 0 0 1px rgba(7,26,43,.06);"> 164 <div style="display:flex; align-items:center; gap:8px; padding:14px 18px; background:rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.08);">
165 <span style="width:9px; height:9px; border-radius:50%; background:#FF6058;"></span> 166 <span style="width:9px; height:9px; border-radius:50%; background:#FFBD2E;"></span> 167 <span style="width:9px; height:9px; border-radius:50%; background:#28C840;"></span> 168 <span style="margin-left:10px; font-size:12px; font-family:'Space Grotesk',sans-serif; color:rgba(255,255,255,.7); letter-spacing:.04em;">blueshoremarketing.com</span> 169 </div> 170 <div style="position:relative; width:100%; aspect-ratio:16/10; background:#071A2B; overflow:hidden;"> 171 <div data-hero-fallback style="position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(185deg,#071A2B 0%,#0E3453 46%,#0F76E8 78%,#35C5D8 100%); overflow:hidden;"> 172 <div style="position:absolute; left:-20%; right:-20%; bottom:-14%; height:62%; border-radius:50% 50% 0 0 / 34% 34% 0 0; background:radial-gradient(ellipse at 50% 0%, rgba(127,212,255,.42), rgba(53,197,216,.16) 46%, rgba(7,26,43,0) 72%); filter:blur(6px); animation:bsm-drift 14s ease-in-out infinite;"></div> 173 <div style="position:absolute; left:-15%; right:-15%; bottom:-6%; height:44%; border-radius:50% 50% 0 0 / 40% 40% 0 0; background:linear-gradient(180deg, rgba(127,212,255,.24), rgba(15,118,232,.06)); filter:blur(4px); animation:bsm-float 9s ease-in-out infinite;"></div> 174 <img src="https://assets.cdn.filesafe.space/6iPIg1dRovy2AcIlr6hm/media/6a75fb66f32575f33e38d8ee.png" alt="Blue Shore Marketing" style="position:relative; width:min(46%,260px); height:auto; display:block; filter:brightness(0) invert(1) drop-shadow(0 8px 30px rgba(7,26,43,.6)); opacity:.96;"> 175 <div style="position:absolute; left:0; right:0; bottom:18px; text-align:center; font-family:'Space Grotesk',sans-serif; font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.55);">Miami, Florida</div> 176 </div> 177 <video data-hero-video src="https://assets.cdn.filesafe.space/6iPIg1dRovy2AcIlr6hm/media/6a76d1fa9a9c7792ea9e6e78.mp4" autoplay muted loop playsinline preload="auto" disablepictureinpicture disableremoteplayback style="position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition:opacity .45s ease; transform:translateZ(0); backface-visibility:hidden;"></video> 178 </div> 179 </div> 180 <a href="https://blueshoremarketing.com/process" data-reveal data-delay="420" data-hero-card style="position:absolute; bottom:-52px; left:-28px; max-width:min(330px,100%); background:#fff; border:1px solid #E3EAF0; border-radius:15px; padding:12px 15px; display:flex; flex-direction:column; gap:9px; box-shadow:0 18px 40px -14px rgba(7,26,43,.28); animation:bsm-float 6s ease-in-out infinite; color:#071A2B;" style-hover="color:#071A2B;"> 181 <div style="display:flex; align-items:center; gap:6px; flex-wrap:wrap;"> 182 <span style="display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:800; letter-spacing:-.01em; color:#071A2B; background:#F4F8FC; border:1px solid #E3EAF0; padding:5px 10px; border-radius:999px; white-space:nowrap;"><span style="width:5px; height:5px; border-radius:50%; background:var(--accent,#0F76E8);"></span>Site</span>
182<svg width="11" height="11" viewBox="0 0 16 16" fill="none" aria-hidden="true" style="flex:none;"><path d="M2 8h11M9 4l4 4-4 4" stroke="#9DB0C1" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:800; letter-spacing:-.01em; color:#071A2B; background:#F4F8FC; border:1px solid #E3EAF0; padding:5px 10px; border-radius:999px; white-space:nowrap;"><span style="width:5px; height:5px; border-radius:50%; background:var(--accent,#0F76E8);"></span>CRM</span><svg width="11" height="11" viewBox="0 0 16 16" fill="none" aria-hidden="true" style="flex:none;"><path d="M2 8h11M9 4l4 4-4 4" stroke="#9DB0C1" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:800; letter-spacing:-.01em; color:#071A2B; background:#F4F8FC; border:1px solid #E3EAF0; padding:5px 10px; border-radius:999px; white-space:nowrap;"><span style="width:5px; height:5px; border-radius:50%; background:var(--accent,#0F76E8);"></span>Follow-up</span> 183 </div> 184 <div style="font-size:11.5px; line-height:1.45; color:#4C6883;">Built as one system, in one project. <span style="font-weight:800; color:#071A2B;">see how â</span></div> 185 </a> 186 </div> 187 </div> 188</section> 189 190<section style="position:relative; padding:54px 0 60px; background:#08243A; overflow:hidden;"> 191 <div style="position:absolute; inset:0; background-image:repeating-linear-gradient(115deg, rgba(255,255,255,.03) 0 1px, transparent 1px 78px); pointer-events:none;"></div> 192 <div style="position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, rgba(127,212,255,0), rgba(127,212,255,.45), rgba(127,212,255,0));"></div> 193 <p data-reveal style="position:relative; text-align:center; font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#35C5D8; margin:0 0 32px;">The platforms we build on and connect</p> 194 <div style="position:relative; mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); -webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);"> 195 <div data-marquee style="display:flex; width:max-content; animation:bsm-marquee 36s linear infinite;"> 196 <div style="display:flex; align-items:center; gap:64px; padding-right:64px;"> 197 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">HubSpot</span> 198 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Zapier</span> 199 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Meta Ads</span> 200 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Google Ads</span> 201 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">GoHighLevel</span> 202 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Klaviyo</span> 203 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Salesforce</span> 204 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Shopify</span> 205 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Mailchimp</span>
206 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">GA4</span> 207 </div> 208 <div style="display:flex; align-items:center; gap:64px; padding-right:64px;" aria-hidden="true"> 209 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">HubSpot</span> 210 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Zapier</span> 211 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Meta Ads</span> 212 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Google Ads</span> 213 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">GoHighLevel</span> 214 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Klaviyo</span> 215 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Salesforce</span> 216 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Shopify</span> 217 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">Mailchimp</span> 218 <span style="font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;">GA4</span> 219 </div> 220 </div> 221 </div> 222</section> 223 224<section id="services" style="position:relative; padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px); background:radial-gradient(900px 520px at 10% -8%, #E9F3FE 0%, rgba(251,252,254,0) 62%), radial-gradient(820px 480px at 94% 14%, #E4F7FA 0%, rgba(251,252,254,0) 58%), #FBFCFE; overflow:hidden;"> 225 <div style="position:absolute; inset:0; background-image:radial-gradient(rgba(7,26,43,.07) 1px, transparent 1px); background-size:26px 26px; mask-image:linear-gradient(180deg, #000, transparent 70%); -webkit-mask-image:linear-gradient(180deg, #000, transparent 70%); opacity:.55; pointer-events:none;"></div> 226 <div data-orb style="position:absolute; top:38%; left:-180px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(53,197,216,.2), rgba(255,255,255,0) 68%); filter:blur(12px); pointer-events:none;"></div> 227 228 <div style="position:relative; max-width:1280px; margin:0 auto;"> 229 <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr)); gap:48px; align-items:end; margin-bottom:56px;"> 230 <div> 231 <p data-reveal style="font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent,#0F76E8); margin:0 0 18px;">What we do</p> 232 <h2 data-reveal data-delay="60" style="font-family:'Space Grotesk',sans-serif; font-size:clamp(28px,3.4vw,54px); line-height:1.06; letter-spacing:-.035em; font-weight:700; margin:0; text-wrap:balance;"> 233 Six disciplines, one accountable team. 234 </h2> 235 </div> 236 <p data-reveal data-delay="120" style="font-size:18px; line-height:1.65; color:#3C566C; margin:0; text-wrap:pretty;"> 237 Most agencies own one slice and hand you the rest. We run the whole chain: the site people land on, the ads that send them, the follow-up that closes them, and the reporting that proves it worked. 238 </p> 239 </div> 240 241 <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr)); gap:22px;"> 242 <a data-reveal data-card href="https://blueshoremarketing.com/services/" style="display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;" style-hover="transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;">
243 <span data-rail style="position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);"></span> 244 <div style="display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;"> 245 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" aria-hidden="true" style="display:block;"> 246 <path d="M15 14 L33 22 M15 34 L33 26" stroke="#071A2B" stroke-width="2" stroke-linecap="round"></path> 247 <circle cx="10" cy="13" r="5" stroke="#071A2B" stroke-width="2"></circle> 248 <circle cx="10" cy="35" r="5" stroke="#071A2B" stroke-width="2"></circle> 249 <rect x="30" y="17" width="14" height="14" rx="4" fill="#fff" stroke="#071A2B" stroke-width="2"></rect> 250 <path d="M34 24 l2.5 2.5 L41 22" stroke="#071A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 251 </svg> 252 <span style="font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;">01</span> 253 </div> 254 <h3 style="font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;">CRM Automations & Integrations</h3> 255 <p style="font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;">We pick the right CRM, wire it into your existing tools, then automate lead capture, follow-up, onboarding, and scoring so nothing slips.</p> 256 <div style="display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;"> 257 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">Lead routing</span> 258 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">Lead scoring</span> 259 </div> 260 <span style="margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);">Learn more 261 <svg width="15" height="15" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 262 </span> 263 </a> 264 265 <a data-reveal data-delay="60" data-card href="https://blueshoremarketing.com/services/" style="display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;" style-hover="transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;"> 266 <span data-rail style="position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);"></span> 267 <div style="display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;"> 268 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" aria-hidden="true" style="display:block;"> 269 <rect x="4" y="7" width="34" height="26" rx="4" stroke="#071A2B" stroke-width="2"></rect> 270 <path d="M4 15 h34" stroke="#071A2B" stroke-width="2"></path> 271 <circle cx="9" cy="11" r="1.4" fill="#071A2B"></circle> 272 <circle cx="14" cy="11" r="1.4" fill="#071A2B"></circle> 273 <circle cx="30" cy="30" r="9" fill="#fff" stroke="#071A2B" stroke-width="2"></circle> 274 <path d="M36.5 36.5 L44 44" stroke="#071A2B" stroke-width="2.4" stroke-linecap="round"></path> 275 </svg> 276 <span style="font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;">02</span> 277 </div> 278 <h3 style="font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;">Website Design & SEO</h3> 279 <p style="font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;">Responsive sites designed around your brand and built to be found. Faster loads, cleaner structure, higher rankings, more visitors who convert.</p> 280 <div style="display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;">
281 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">Technical SEO</span> 282 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">Conversion design</span> 283 </div> 284 <span style="margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);">Learn more 285 <svg width="15" height="15" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 286 </span> 287 </a> 288 289 <a data-reveal data-delay="120" data-card href="https://blueshoremarketing.com/services/" style="display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;" style-hover="transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;"> 290 <span data-rail style="position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);"></span> 291 <div style="display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;"> 292 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" aria-hidden="true" style="display:block;"> 293 <path d="M32 8 L12 18 H8 a3 3 0 0 0 -3 3 v6 a3 3 0 0 0 3 3 h4 L32 40 Z" stroke="#071A2B" stroke-width="2" stroke-linejoin="round"></path> 294 <path d="M15 31 l2 9 a2.5 2.5 0 0 0 2.4 2 h2.6 a1.8 1.8 0 0 0 1.8 -2.3 L22 34" stroke="#071A2B" stroke-width="2" stroke-linejoin="round"></path> 295 <path d="M38 18 a10 10 0 0 1 0 12" stroke="#071A2B" stroke-width="2" stroke-linecap="round"></path> 296 </svg> 297 <span style="font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;">03</span> 298 </div> 299 <h3 style="font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;">Social Media & Ad Campaigns</h3> 300 <p style="font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;">Data-driven campaigns across Meta, Instagram, LinkedIn, and Google. Creative, targeting, and performance tracking handled end to end.</p> 301 <div style="display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;"> 302 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">Paid social</span> 303 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">Search & PMax</span> 304 </div> 305 <span style="margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);">Learn more 306 <svg width="15" height="15" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 307 </span> 308 </a> 309 310 <a data-reveal data-card href="https://blueshoremarketing.com/services/" style="display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;" style-hover="transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;">
311 <span data-rail style="position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);"></span> 312 <div style="display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;"> 313 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" aria-hidden="true" style="display:block;"> 314 <path d="M7 6 v33 a2 2 0 0 0 2 2 h33" stroke="#071A2B" stroke-width="2" stroke-linecap="round"></path> 315 <path d="M16 36 v-9 M25 36 v-17 M34 36 v-11" stroke="#071A2B" stroke-width="2" stroke-linecap="round"></path> 316 <path d="M14 20 L23 12 L30 17 L41 7" stroke="#071A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" opacity=".38"></path> 317 </svg> 318 <span style="font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;">04</span> 319 </div> 320 <h3 style="font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;">Analytics & Reporting</h3> 321 <p style="font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;">Tracking and custom dashboards on the metrics that matter, plus monthly reports with a human reading them. Decisions from data, not guesses.</p> 322 <div style="display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;"> 323 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">GA4 & server-side</span> 324 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">Live dashboards</span> 325 </div> 326 <span style="margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);">Learn more 327 <svg width="15" height="15" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 328 </span> 329 </a> 330 331 <a data-reveal data-delay="60" data-card href="https://blueshoremarketing.com/services/" style="display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;" style-hover="transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;"> 332 <span data-rail style="position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);"></span> 333 <div style="display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;"> 334 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" aria-hidden="true" style="display:block;"> 335 <rect x="4" y="10" width="28" height="20" rx="3" stroke="#071A2B" stroke-width="2"></rect> 336 <path d="M5 12.5 L18 22 L31 12.5" stroke="#071A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 337 <path d="M30 24 h10 a4 4 0 0 1 4 4 v7 a4 4 0 0 1 -4 4 h-6 l-6 5 v-5 h-1 a4 4 0 0 1 -4 -4 v-7 a4 4 0 0 1 4 -4 z" fill="#fff" stroke="#071A2B" stroke-width="2" stroke-linejoin="round"></path> 338 <circle cx="30" cy="31.5" r="1.4" fill="#071A2B"></circle> 339 <circle cx="35.5" cy="31.5" r="1.4" fill="#071A2B"></circle> 340 <circle cx="41" cy="31.5" r="1.4" fill="#071A2B"></circle> 341 </svg> 342 <span style="font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;">05</span> 343 </div> 344 <h3 style="font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;">Email & SMS Nurture</h3> 345 <p style="font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;">The follow-up most businesses never get around to writing. Sequences that keep you in front of a lead until they're ready to buy.</p> 346 <div style="display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;">
347 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">Drip sequences</span> 348 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">Win-back flows</span> 349 </div> 350 <span style="margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);">Learn more 351 <svg width="15" height="15" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 352 </span> 353 </a> 354 355 <a data-reveal data-delay="120" data-card href="https://blueshoremarketing.com/services/" style="display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;" style-hover="transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;"> 356 <span data-rail style="position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);"></span> 357 <div style="display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;"> 358 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" aria-hidden="true" style="display:block;"> 359 <path d="M10 6 h22 a6 6 0 0 1 6 6 v14 a6 6 0 0 1 -6 6 h-11 l-8 7 v-7 h-3 a6 6 0 0 1 -6 -6 v-14 a6 6 0 0 1 6 -6 z" stroke="#071A2B" stroke-width="2" stroke-linejoin="round"></path> 360 <path d="M21 11 L22 16.25 L28.61 16.53 L24.23 20.05 L25.7 25.47 L21 22.4 L16.3 25.47 L17.77 20.05 L13.39 16.53 L19 16.25 Z" stroke="#071A2B" stroke-width="2" stroke-linejoin="round"></path> 361 </svg> 362 <span style="font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;">06</span> 363 </div> 364 <h3 style="font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;">Reputation & Reviews</h3> 365 <p style="font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;">Automated review requests, a monitored profile, and a response process, so the first thing people find about you is your best work.</p> 366 <div style="display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;"> 367 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">Review requests</span> 368 <span style="font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;">Local listings</span> 369 </div> 370 <span style="margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);">Learn more 371 <svg width="15" height="15" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 372 </span> 373 </a> 374 </div> 375 </div> 376</section> 377 378<section id="automation" style="position:relative; padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px); background:#071A2B; color:#fff; overflow:hidden;"> 379 <div style="position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size:80px 80px; mask-image:radial-gradient(ellipse 80% 70% at 50% 0%, #000 10%, transparent 70%); -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0%, #000 10%, transparent 70%);"></div> 380 <div data-orb style="position:absolute; bottom:-220px; left:-140px; width:640px; height:640px; border-radius:50%; background:radial-gradient(circle, rgba(15,118,232,.35), rgba(53,197,216,.12) 45%, rgba(7,26,43,0) 70%); filter:blur(20px);"></div> 381 382 <div style="position:relative; max-width:1280px; margin:0 auto;"> 383 <div style="max-width:760px; margin-bottom:72px;"> 384 <p data-reveal style="font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#35C5D8; margin:0 0 18px;">Marketing automation</p> 385 <h2 data-reveal data-delay="60" style="font-family:'Space Grotesk',sans-serif; font-size:clamp(28px,3.4vw,56px); line-height:1.05; letter-spacing:-.035em; font-weight:700; margin:0 0 24px; text-wrap:balance;"> 386 Every hour spent chasing a lead is an hour you're <span style="color:#7FD4FF;">not</span> running your business. 387 </h2> 388 <p data-reveal data-delay="120" style="font-size:18px; line-height:1.7; color:rgba(255,255,255,.85); margin:0; text-wrap:pretty;"> 389 We start with a full analysis of how your business actually operates, then build a tailored set of tools around it. More conversions, fewer manual steps, and time back for the work only you can do. 390 </p> 391 </div> 392 393 <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); gap:22px; margin-bottom:56px;"> 394 <div data-reveal style="padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,32px); border-radius:22px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); transition:background .4s ease, transform .4s cubic-bezier(.2,.8,.2,1), border-color .4s ease;" style-hover="background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45); transform:translateY(-6px);"> 395 <div style="position:relative; width:100%; aspect-ratio:16/10; border-radius:14px; overflow:hidden; margin-bottom:26px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);"> 396 <img src="https://assets.cdn.filesafe.space/mjtNji5hpfOl8a6SMV8z/media/6a751c8bbd6349ece2d3a97c.png" alt="CRM pipeline visualization" style="position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;"> 397 </div> 398 <h3 style="font-family:'Space Grotesk',sans-serif; font-size:22px; letter-spacing:-.025em; font-weight:700; margin:0 0 12px;">Customer Relationship Management</h3> 399 <p style="font-size:15.5px; line-height:1.65; color:rgba(255,255,255,.9); margin:0;">Stay organized and current with every lead. We set up a CRM that automates customer engagement, internal tasks, notifications, and sales.</p> 400 </div> 401 <div data-reveal data-delay="80" style="padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,32px); border-radius:22px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); transition:background .4s ease, transform .4s cubic-bezier(.2,.8,.2,1), border-color .4s ease;" style-hover="background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45); transform:translateY(-6px);"> 402 <div style="position:relative; width:100%; aspect-ratio:16/10; border-radius:14px; overflow:hidden; margin-bottom:26px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);"> 403 <img src="https://assets.cdn.filesafe.space/mjtNji5hpfOl8a6SMV8z/media/6a751c8b9a9c7792eaa99aba.png" alt="Connected integration node network" style="position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;"> 404 </div> 405 <h3 style="font-family:'Space Grotesk',sans-serif; font-size:22px; letter-spacing:-.025em; font-weight:700; margin:0 0 12px;">Integration Tools</h3> 406 <p style="font-size:15.5px; line-height:1.65; color:rgba(255,255,255,.9); margin:0;">Seamless integrations that pass data between sources. Using tools like Zapier, we connect your platforms so they work hand in hand.</p> 407 </div> 408 <div data-reveal data-delay="160" style="padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,32px); border-radius:22px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); transition:background .4s ease, transform .4s cubic-bezier(.2,.8,.2,1), border-color .4s ease;" style-hover="background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45); transform:translateY(-6px);"> 409 <div style="position:relative; width:100%; aspect-ratio:16/10; border-radius:14px; overflow:hidden; margin-bottom:26px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);"> 410 <img src="https://assets.cdn.filesafe.space/mjtNji5hpfOl8a6SMV8z/media/6a751c8b568ec735244e1c86.png" alt="Conversion analytics dashboard" style="position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;"> 411 </div> 412 <h3 style="font-family:'Space Grotesk',sans-serif; font-size:22px; letter-spacing:-.025em; font-weight:700; margin:0 0 12px;">Conversion Analytics</h3> 413 <p style="font-size:15.5px; line-height:1.65; color:rgba(255,255,255,.9); margin:0;">Get more from your ad spend with conversion data sent back to your ad platforms automatically, so they find you the right customers.</p> 414 </div> 415 </div> 416 417 <div data-reveal style="display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; padding:30px 36px; border-radius:20px; background:linear-gradient(100deg, rgba(15,118,232,.22), rgba(53,197,216,.1)); border:1px solid rgba(127,212,255,.24);"> 418 <p style="margin:0; font-size:18px; font-weight:600; letter-spacing:-.015em; color:#EAF4FF;">Not sure which parts of your funnel are leaking? That's what the audit is for.</p> 419 <a href="https://blueshoremarketing.com/get-started" style="display:inline-flex; align-items:center; gap:10px; background:#fff; color:#071A2B; font-size:15px; font-weight:700; padding:14px 26px; border-radius:999px; white-space:nowrap; transition:transform .25s cubic-bezier(.2,.8,.2,1);" style-hover="transform:translateY(-3px); color:#071A2B;">Get a free audit 420 <svg width="15" height="15" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 421 </a> 422 </div> 423 </div> 424</section> 425 426<section style="padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px); background:#fff;"> 427 <div style="max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr)); gap:64px; align-items:center;"> 428 <div data-reveal data-tilt-soft style="position:relative;"> 429 <div style="position:absolute; inset:-16px; border-radius:30px; background:linear-gradient(140deg, rgba(15,118,232,.18), rgba(53,197,216,.12) 55%, rgba(255,255,255,0)); filter:blur(22px);"></div> 430 <div style="position:relative; border-radius:22px; overflow:hidden; border:1px solid #E7EEF4; background:#F8FBFD; box-shadow:0 30px 60px -30px rgba(7,26,43,.35);"> 431 <div style="display:flex; align-items:center; gap:8px; padding:12px 16px; background:#fff; border-bottom:1px solid #EDF2F7;">
432 <span style="width:8px; height:8px; border-radius:50%; background:#E0E7EE;"></span> 433 <span style="width:8px; height:8px; border-radius:50%; background:#E0E7EE;"></span> 434 <span style="width:8px; height:8px; border-radius:50%; background:#E0E7EE;"></span> 435 <span style="margin-left:8px; flex:1; height:20px; border-radius:999px; background:#F2F6FA;"></span> 436 </div> 437 <div style="position:relative; width:100%; aspect-ratio:16/11; overflow:hidden; background:#04121E;"> 438 <img src="https://assets.cdn.filesafe.space/6iPIg1dRovy2AcIlr6hm/media/6a75fb66f32575f33e38d8f3.png" alt="Sales Nest CRM website built by Blue Shore Marketing" style="position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top center; display:block;"> 439 </div> 440 </div> 441 <a href="https://salesnest.ai" target="_blank" rel="noopener" style="position:absolute; bottom:-22px; right:-18px; display:inline-flex; align-items:center; gap:9px; background:#071A2B; color:#fff; border-radius:14px; padding:12px 18px; font-size:13px; font-weight:700; letter-spacing:-.01em; box-shadow:0 18px 40px -16px rgba(7,26,43,.5); animation:bsm-float 7s ease-in-out infinite;" style-hover="color:#7FD4FF;">Recent build: Sales Nest CRM 442 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M3.5 8.5L8.5 3.5M8.5 3.5H4.8M8.5 3.5v3.7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 443 </a> 444 </div> 445 <div> 446 <p data-reveal style="font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent,#0F76E8); margin:0 0 18px;">Website design</p> 447 <h2 data-reveal data-delay="60" style="font-family:'Space Grotesk',sans-serif; font-size:clamp(27px,3vw,48px); line-height:1.06; letter-spacing:-.035em; font-weight:700; margin:0 0 22px; text-wrap:balance;"> 448 A site that earns its keep. 449 </h2> 450 <p data-reveal data-delay="110" style="font-size:18px; line-height:1.7; color:#3C566C; margin:0 0 30px; text-wrap:pretty;"> 451 Our website packages are executed by our own designers and tailored to your business. Bring us the half-formed ideas, the competitor you like, the brand deck nobody finished. We'll pull it together into something that works as hard as you do. 452 </p> 453 <ul data-reveal data-delay="160" style="list-style:none; padding:0; margin:0 0 36px; display:grid; gap:14px;"> 454 <li style="display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;"> 455 <span style="flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#EAF3FE; display:flex; align-items:center; justify-content:center;">
455<svg width="11" height="11" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 6.5L4.5 9 10 3" stroke="#0F76E8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 456 Custom design, no recycled templates 457 </li> 458 <li style="display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;"> 459 <span style="flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#EAF3FE; display:flex; align-items:center; justify-content:center;"><svg width="11" height="11" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 6.5L4.5 9 10 3" stroke="#0F76E8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 460 Wired to your CRM and tracking from day one 461 </li> 462 <li style="display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;"> 463 <span style="flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#EAF3FE; display:flex; align-items:center; justify-content:center;">
463<svg width="11" height="11" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 6.5L4.5 9 10 3" stroke="#0F76E8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 464 You own the site and every account behind it 465 </li> 466 </ul> 467 <a data-reveal data-delay="210" href="https://blueshoremarketing.com/get-started" style="display:inline-flex; align-items:center; gap:10px; background:#071A2B; color:#fff; font-size:16px; font-weight:700; padding:16px 28px; border-radius:999px; white-space:nowrap; transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;" style-hover="transform:translateY(-3px); box-shadow:0 18px 36px rgba(7,26,43,.26); color:#fff;">Get started 468 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="#7FD4FF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 469 </a> 470 </div> 471 </div> 472</section> 473 474<section id="salesnest" style="position:relative; padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px); background:linear-gradient(165deg,#F0F8FD 0%,#E4F2FB 46%,#F7FBFE 100%); overflow:hidden;"> 475 <div data-orb style="position:absolute; top:-180px; right:-160px; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle at 40% 40%, rgba(53,197,216,.3), rgba(15,118,232,.12) 48%, rgba(255,255,255,0) 72%); filter:blur(16px); pointer-events:none;"></div> 476 <div style="position:absolute; inset:0; background-image:linear-gradient(rgba(7,26,43,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(7,26,43,.04) 1px, transparent 1px); background-size:72px 72px; mask-image:radial-gradient(ellipse 75% 70% at 50% 40%, #000 15%, transparent 76%); -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 40%, #000 15%, transparent 76%); pointer-events:none;"></div> 477 478 <div style="position:relative; max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr)); gap:clamp(40px,5vw,72px); align-items:center;"> 479 <div> 480 <p data-reveal style="font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent,#0F76E8); margin:0 0 18px;">Our platform</p> 481 <h2 data-reveal data-delay="60" style="font-family:'Space Grotesk',sans-serif; font-size:clamp(27px,3.2vw,50px); line-height:1.05; letter-spacing:-.035em; font-weight:700; margin:0 0 22px; color:#071A2B; text-wrap:balance;"> 482 The CRM everything else plugs into. 483 </h2> 484 <p data-reveal data-delay="110" style="font-size:18px; line-height:1.7; color:#3C566C; margin:0 0 32px; text-wrap:pretty;"> 485 Sales Nest is our own CRM. One place where the lead lands, gets worked, and gets counted, instead of four tools that don't talk to each other. Use it on its own, or have us build your whole system around it. 486 </p> 487 <ul data-reveal data-delay="160" style="list-style:none; padding:0; margin:0 0 36px; display:grid; gap:14px;"> 488 <li style="display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;"> 489 <span style="flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#DCEEFB; display:flex; align-items:center; justify-content:center;">
489<svg width="11" height="11" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 6.5L4.5 9 10 3" stroke="#0F76E8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 490 Every lead in one pipeline: calls, forms, texts, and ads 491 </li> 492 <li style="display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;"> 493 <span style="flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#DCEEFB; display:flex; align-items:center; justify-content:center;"><svg width="11" height="11" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 6.5L4.5 9 10 3" stroke="#0F76E8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 494 Follow-up that fires on its own, by text and email 495 </li> 496 <li style="display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;"> 497 <span style="flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#DCEEFB; display:flex; align-items:center; justify-content:center;">
497<svg width="11" height="11" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 6.5L4.5 9 10 3" stroke="#0F76E8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 498 Reporting that ties spend to booked revenue 499 </li> 500 </ul> 501 <div data-reveal data-delay="210" style="display:flex; align-items:center; gap:14px; flex-wrap:wrap;"> 502 <a href="https://blueshoremarketing.com/get-started" style="display:inline-flex; align-items:center; gap:10px; background:#071A2B; color:#fff; font-size:16px; font-weight:700; padding:16px 28px; border-radius:999px; white-space:nowrap; transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;" style-hover="transform:translateY(-3px); box-shadow:0 18px 36px rgba(7,26,43,.26); color:#fff;">See it on your business 503 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="#7FD4FF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 504 </a> 505 </div> 506 </div> 507 508 <div data-reveal data-delay="140" style="position:relative;"> 509 <div style="position:absolute; inset:-16px; border-radius:32px; background:linear-gradient(150deg, rgba(15,118,232,.16), rgba(53,197,216,.14) 55%, rgba(255,255,255,0)); filter:blur(22px); pointer-events:none;"></div> 510 <div style="position:relative; border-radius:24px; background:linear-gradient(165deg,#0B2237 0%,#071A2B 55%,#04121E 100%); border:1px solid rgba(255,255,255,.1); box-shadow:0 40px 80px -32px rgba(7,26,43,.5); overflow:hidden;"> 511 <div style="position:absolute; top:-140px; right:-120px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(53,197,216,.3), rgba(7,26,43,0) 68%); filter:blur(14px); pointer-events:none;"></div> 512 <div style="position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; padding:clamp(44px,6vw,66px) clamp(28px,4vw,44px);"> 513 <img data-salesnest-logo src="https://assets.cdn.filesafe.space/LBcWqBpKtg14njV1AjRS/media/6a67996657fcdd70c2efd0e4.png" alt="Sales Nest" style="width:min(72%,290px); height:auto; display:block; margin-bottom:clamp(26px,3.5vw,34px);"> 514 <p style="margin:0 0 clamp(30px,4vw,38px); font-size:16.5px; line-height:1.65; color:rgba(255,255,255,.78); max-width:330px; text-wrap:pretty;">Open any contact and see every call, text, form, and follow-up in one timeline. No guessing who spoke to them last.</p> 515 <a href="https://salesnest.ai" target="_blank" rel="noopener" style="display:inline-flex; align-items:center; gap:10px; background:#fff; color:#071A2B; font-size:16px; font-weight:700; padding:16px 30px; border-radius:999px; white-space:nowrap; box-shadow:0 16px 34px -14px rgba(0,0,0,.6); transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;" style-hover="transform:translateY(-3px); box-shadow:0 22px 44px -14px rgba(0,0,0,.7); color:#071A2B;">Try the CRM 516 <svg width="14" height="14" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M3.5 8.5L8.5 3.5M8.5 3.5H4.8M8.5 3.5v3.7" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 517 </a> 518 <a href="https://salesnest.ai/free-tools" target="_blank" rel="noopener" style="display:inline-flex; align-items:center; gap:9px; margin-top:22px; font-size:15px; font-weight:700; color:#7FD4FF; transition:color .22s ease;" style-hover="color:#fff;">See free tools 519 <svg width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 520 </a> 521 </div> 522 </div> 523 </div> 524 </div> 525</section> 526 527<section id="process" style="position:relative; padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px); background:linear-gradient(180deg,#0B2237 0%,#0E3453 55%,#0B2237 100%); color:#fff; overflow:clip;"> 528 <div style="position:absolute; inset:0; background-image:repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 1px, transparent 1px 90px); pointer-events:none;"></div> 529 <div data-orb style="position:absolute; top:-140px; right:-160px; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle, rgba(53,197,216,.3), rgba(11,34,55,0) 68%); filter:blur(16px); pointer-events:none;"></div> 530 <div style="position:absolute; bottom:-180px; left:-120px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(15,118,232,.28), rgba(11,34,55,0) 68%); filter:blur(18px); animation:bsm-drift 16s ease-in-out infinite; pointer-events:none;"></div> 531 532 <div style="position:relative; max-width:1280px; margin:0 auto;"> 533 <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr)); gap:48px; align-items:end; margin-bottom:66px;"> 534 <div> 535 <p data-reveal style="font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#35C5D8; margin:0 0 18px;">How we work</p> 536 <h2 data-reveal data-delay="60" style="font-family:'Space Grotesk',sans-serif; font-size:clamp(28px,3.2vw,52px); line-height:1.05; letter-spacing:-.035em; font-weight:700; margin:0; text-wrap:balance;"> 537 Six steps. You always know <span style="color:#7FD4FF;">which one</span> you're in. 538 </h2> 539 </div> 540 <p data-reveal data-delay="120" style="font-size:18px; line-height:1.7; color:rgba(255,255,255,.9); margin:0; text-wrap:pretty;"> 541 Tailored to your business, but never improvised. The same disciplined path from first audit to training your staff, with a named owner and a date on every stage. 542 </p> 543 </div> 544 545 <div data-stepper style="display:grid; grid-template-columns:minmax(280px,360px) 1fr; gap:clamp(24px,3vw,44px); align-items:start;"> 546 <div data-step-nav data-reveal style="display:flex; flex-direction:column; gap:6px;"> 547 <button data-step-btn type="button" style="appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;">
548 <span data-btn-num style="font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;">01</span> 549 <span data-btn-label style="font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;">Technical Audit & Analysis</span> 550 <span style="grid-column:1/-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;"><span data-btn-fill style="display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);"></span></span> 551 </button> 552 <button data-step-btn type="button" style="appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;"> 553 <span data-btn-num style="font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;">02</span> 554 <span data-btn-label style="font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;">Review Strategies</span> 555 <span style="grid-column:1/-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;"><span data-btn-fill style="display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);"></span></span> 556 </button> 557 <button data-step-btn type="button" style="appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;"> 558 <span data-btn-num style="font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;">03</span> 559 <span data-btn-label style="font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;">Tailored Plan & Timeline</span> 560 <span style="grid-column:1/-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;"><span data-btn-fill style="display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);"></span></span> 561 </button> 562 <button data-step-btn type="button" style="appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;"> 563 <span data-btn-num style="font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;">04</span> 564 <span data-btn-label style="font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;">Implementation</span> 565 <span style="grid-column:1/-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;"><span data-btn-fill style="display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);"></span></span> 566 </button> 567 <button data-step-btn type="button" style="appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;">
568 <span data-btn-num style="font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;">05</span> 569 <span data-btn-label style="font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;">End-to-End Testing</span> 570 <span style="grid-column:1/-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;"><span data-btn-fill style="display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);"></span></span> 571 </button> 572 <button data-step-btn type="button" style="appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;"> 573 <span data-btn-num style="font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;">06</span> 574 <span data-btn-label style="font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;">Training & Support</span> 575 <span style="grid-column:1/-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;"><span data-btn-fill style="display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);"></span></span> 576 </button> 577 </div> 578 579 <div data-reveal data-delay="80" style="position:relative; border-radius:26px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); padding:clamp(30px,3.4vw,46px); overflow:hidden; min-height:420px;"> 580 <span data-panel-ghost style="position:absolute; top:-30px; right:14px; font-family:'Space Grotesk',sans-serif; font-size:190px; font-weight:700; line-height:1; letter-spacing:-.06em; color:rgba(127,212,255,.07); pointer-events:none; user-select:none;">01</span> 581 582 <div data-step-panel style="position:relative;"> 583 <div style="display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px;"> 584 <span style="font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#7FD4FF; background:rgba(127,212,255,.12); border:1px solid rgba(127,212,255,.28); padding:6px 14px; border-radius:999px;">Step 01</span> 585 <span style="font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.82); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); padding:6px 14px; border-radius:999px;">Week 1</span> 586 </div> 587 <h3 style="font-family:'Space Grotesk',sans-serif; font-size:clamp(24px,2.5vw,38px); line-height:1.1; letter-spacing:-.035em; font-weight:700; margin:0 0 18px;">Technical Audit & Analysis</h3> 588 <p style="font-size:18px; line-height:1.7; color:rgba(255,255,255,.9); margin:0 0 30px; max-width:600px; text-wrap:pretty;">We dig into how your business actually performs: the site, the tracking, the follow-up. Then we surface the structural issues and set a solid foundation before anything gets built.</p> 589 <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:12px;"> 590 <div style="display:flex; align-items:flex-start; gap:11px; padding:16px 18px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); font-size:15px; line-height:1.45; color:rgba(255,255,255,.9);"><span style="flex:none; margin-top:2px;"><svg width="14" height="14" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 6.5L4.5 9 10 3" stroke="#7FD4FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Full site & funnel audit</div> 591 <div style="display:flex; align-items:flex-start; gap:11px; padding:16px 18px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); font-size:15px; line-height:1.45; color:rgba(255,255,255,.9);"><span style="flex:none; margin-top:2px;"><svg width="14" height="14" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 6.5L4.5 9 10 3" stroke="#7FD4FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Tracking gap report</div> 592 <div style="display:flex; align-items:flex-start; gap:11px; padding:16px 18px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); font-size:15px; line-height:1.45; color:rgba(255,255,255,.9);"><span style="flex:none; margin-top:2px;"><svg width="14" height="14" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 6.5L4.5 9 10 3" stroke="#7FD4FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Prioritized fix list</div> 593 </div> 594 </div> 595 </div> 596 </div> 597 598 <div data-reveal style="margin-top:56px; display:flex; justify-content:center;"> 599 <a href="https://blueshoremarketing.com/get-started" style="display:inline-flex; align-items:center; gap:10px; background:#fff; color:#071A2B; font-size:16px; font-weight:700; padding:17px 30px; border-radius:999px; white-space:nowrap; transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;" style-hover="transform:translateY(-3px); box-shadow:0 20px 40px -14px rgba(0,0,0,.5); color:#071A2B;">Start with step one
600 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 601 </a> 602 </div> 603 </div> 604</section> 605 606<section id="about" style="position:relative; padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px); background:linear-gradient(180deg,#FFFFFF 0%,#F1F7FC 55%,#FFFFFF 100%); overflow:hidden;"> 607 <div data-orb style="position:absolute; bottom:-140px; right:-140px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(53,197,216,.22), rgba(255,255,255,0) 68%); filter:blur(14px); pointer-events:none;"></div> 608 609 <div style="position:relative; max-width:1280px; margin:0 auto;"> 610 <div style="max-width:840px; margin-bottom:64px;"> 611 <p data-reveal style="font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent,#0F76E8); margin:0 0 18px;">Our story</p> 612 <h2 data-reveal data-delay="60" style="font-family:'Space Grotesk',sans-serif; font-size:clamp(28px,3.6vw,58px); line-height:1.04; letter-spacing:-.04em; font-weight:700; margin:0; text-wrap:balance;"> 613 We got tired of watching good businesses lose leads in the gaps between agencies. 614 </h2> 615 </div> 616 617 <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr)); gap:56px; align-items:stretch;"> 618 <div data-reveal data-delay="80" style="display:flex; flex-direction:column; gap:26px;"> 619 <div style="display:grid; gap:14px; grid-template-rows:repeat(3,1fr); flex:1;"> 620 <div style="display:flex; flex-direction:column; justify-content:center; padding:clamp(20px,4vw,24px) clamp(19px,3.6vw,26px); border-radius:18px; background:#fff; border:1px solid #E7EEF4; transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;" style-hover="transform:translateY(-4px); box-shadow:0 24px 48px -26px rgba(7,26,43,.3);"> 621 <div style="font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; letter-spacing:-.025em; margin-bottom:8px;">Nothing subcontracted</div> 622 <div style="font-size:15.5px; line-height:1.6; color:#4C6883;">Strategy, build, and reporting come from the same people you met on day one.</div> 623 </div> 624 <div style="display:flex; flex-direction:column; justify-content:center; padding:clamp(20px,4vw,24px) clamp(19px,3.6vw,26px); border-radius:18px; background:#fff; border:1px solid #E7EEF4; transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;" style-hover="transform:translateY(-4px); box-shadow:0 24px 48px -26px rgba(7,26,43,.3);"> 625 <div style="font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; letter-spacing:-.025em; margin-bottom:8px;">Any industry</div> 626 <div style="font-size:15.5px; line-height:1.6; color:#4C6883;">Service businesses, e-commerce, B2B. We've built the system for all three.</div> 627 </div> 628 <div style="display:flex; flex-direction:column; justify-content:center; padding:clamp(20px,4vw,24px) clamp(19px,3.6vw,26px); border-radius:18px; background:#fff; border:1px solid #E7EEF4; transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;" style-hover="transform:translateY(-4px); box-shadow:0 24px 48px -26px rgba(7,26,43,.3);"> 629 <div style="font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; letter-spacing:-.025em; margin-bottom:8px;">No lock-in</div> 630 <div style="font-size:15.5px; line-height:1.6; color:#4C6883;">Every account, asset, and login stays in your name. Always.</div> 631 </div> 632 </div> 633 </div> 634 <div style="display:flex; flex-direction:column; gap:22px; padding-left:26px; border-left:2px solid #DFE9F2;"> 635 <blockquote data-reveal data-delay="100" style="margin:0 0 4px; font-family:'Instrument Serif',serif; font-style:italic; font-size:clamp(26px,2.4vw,34px); line-height:1.28; color:#071A2B; letter-spacing:-.02em; text-wrap:pretty;"> 636 âIf you can't see where a lead came from, you don't have a marketing strategy. You have a hobby.â 637 </blockquote> 638 <p data-reveal data-delay="120" style="font-size:19px; line-height:1.72; color:#2E4759; margin:0; text-wrap:pretty;"> 639 Blue Shore started when a group of specialists (CRM, paid media, SEO, design) kept meeting the same problem from different sides. A business would have four vendors, four invoices, and no one who could answer where the leads were actually going. 640 </p> 641 <p data-reveal data-delay="180" style="font-size:19px; line-height:1.72; color:#2E4759; margin:0; text-wrap:pretty;"> 642 So we built one team that owns the whole chain, from the first audit to the report you read next quarter. Today
642we work with businesses across industries and sizes, taking a strategic, data-driven approach to every engagement. No single playbook, just the parts of it your business actually needs. 643 </p> 644 <a data-reveal data-delay="300" href="https://blueshoremarketing.com/about/" style="align-self:flex-start; display:inline-flex; align-items:center; gap:10px; font-size:16px; font-weight:700; color:#071A2B; border-bottom:2px solid var(--accent,#0F76E8); padding-bottom:3px; white-space:nowrap;" style-hover="color:var(--accent,#0F76E8);">Read the full story 645 <svg width="15" height="15" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 646 </a> 647 </div> 648 </div> 649 650 </div> 651</section> 652 653<section id="testimonials" style="position:relative; padding:clamp(68px,9vw,120px) clamp(20px,4vw,32px); background:linear-gradient(180deg,#0B2237 0%,#0E3453 55%,#0B2237 100%); color:#fff; overflow:clip;"> 654 <div style="position:absolute; inset:0; background-image:repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 1px, transparent 1px 90px); pointer-events:none;"></div> 655 <div data-orb style="position:absolute; top:-170px; left:-150px; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle, rgba(53,197,216,.26), rgba(11,34,55,0) 68%); filter:blur(16px); pointer-events:none;"></div> 656 <div style="position:relative; max-width:1280px; margin:0 auto;"> 657 <div style="text-align:center; max-width:660px; margin:0 auto 60px;"> 658 <p data-reveal style="font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#35C5D8; margin:0 0 18px;">Client feedback</p> 659 <h2 data-reveal data-delay="60" style="font-family:'Space Grotesk',sans-serif; font-size:clamp(27px,3vw,48px); line-height:1.06; letter-spacing:-.035em; font-weight:700; margin:0; text-wrap:balance;">Five-star ratings across the board.</h2> 660 </div> 661 <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr)); gap:22px; align-items:stretch;"> 662 <figure data-reveal style="margin:0; padding:clamp(24px,5vw,38px) clamp(22px,4.5vw,34px); border-radius:24px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; gap:22px; transition:transform .4s cubic-bezier(.2,.8,.2,1), background .4s ease, border-color .4s ease;" style-hover="transform:translateY(-6px); background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45);"> 663 <div style="display:flex; gap:4px;"> 664 <span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span> 665 </div> 666 <blockquote style="margin:0; font-size:16.5px; line-height:1.68; color:rgba(255,255,255,.86); letter-spacing:-.005em; text-wrap:pretty;">âBlue Shore Marketing helped me set up my automations and develop my website for Go High Level. I cannot recommend them highly enough ⦠they took the time to thoroughly explain each step of the configuration process, ensuring I understood everything they were doing. I am extremely satisfied with the results and plan on doing much more business with them in the future.â</blockquote> 667 <figcaption style="display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:6px;"> 668 <div style="width:44px; height:44px; border-radius:50%; background:rgba(127,212,255,.14); border:1px solid rgba(127,212,255,.3); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; color:#7FD4FF; font-size:16px; flex:none;">TR</div> 669 <div> 670 <div style="font-size:15px; font-weight:800; letter-spacing:-.01em;">Thomas R.</div> 671 <div style="font-size:14px; color:rgba(255,255,255,.7);">Business Owner</div> 672 </div> 673 </figcaption> 674 </figure> 675 676 <figure data-reveal data-delay="80" style="margin:0; padding:clamp(24px,5vw,38px) clamp(22px,4.5vw,34px); border-radius:24px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; gap:22px; transition:transform .4s cubic-bezier(.2,.8,.2,1), background .4s ease, border-color .4s ease;" style-hover="transform:translateY(-6px); background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45);"> 677 <div style="display:flex; gap:4px;">
678 <span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span> 679 </div> 680 <blockquote style="margin:0; font-size:16.5px; line-height:1.68; color:rgba(255,255,255,.86); letter-spacing:-.005em; text-wrap:pretty;">âBlue Shore Marketing is excellent. They're technical, they take the time to understand our needs, and from those needs they make a solid plan. They hit their deadlines and they QA all their work. Beyond that, they're highly communicative and customer service oriented.â</blockquote> 681 <figcaption style="display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:6px;"> 682 <div style="width:44px; height:44px; border-radius:50%; background:rgba(127,212,255,.14); border:1px solid rgba(127,212,255,.3); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; color:#7FD4FF; font-size:16px; flex:none;">JS</div> 683 <div> 684 <div style="font-size:15px; font-weight:800; letter-spacing:-.01em;">Jason S.</div> 685 <div style="font-size:14px; color:rgba(255,255,255,.7);">Operations Director</div> 686 </div> 687 </figcaption> 688 </figure> 689 690 <figure data-reveal data-delay="160" style="margin:0; padding:clamp(24px,5vw,38px) clamp(22px,4.5vw,34px); border-radius:24px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; gap:22px; transition:transform .4s cubic-bezier(.2,.8,.2,1), background .4s ease, border-color .4s ease;" style-hover="transform:translateY(-6px); background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45);"> 691 <div style="display:flex; gap:4px;"> 692 <span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span><span style="color:#FFB020; font-size:18px;">â </span> 693 </div> 694 <blockquote style="margin:0; font-size:16.5px; line-height:1.68; color:rgba(255,255,255,.86); letter-spacing:-.005em; text-wrap:pretty;">âWe came to Blue Shore Marketing with a website that looked fine and did nothing. They rebuilt it, connected it to our CRM, and finally set up the follow-up we'd been meaning to write for two years. Inquiries stopped falling through the cracks almost immediately, and for the first time I can actually see where our leads come from.â</blockquote> 695 <figcaption style="display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:6px;"> 696 <div style="width:44px; height:44px; border-radius:50%; background:rgba(127,212,255,.14); border:1px solid rgba(127,212,255,.3); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; color:#7FD4FF; font-size:16px; flex:none;">SD</div> 697 <div> 698 <div style="font-size:15px; font-weight:800; letter-spacing:-.01em;">Sarah D.</div> 699 <div style="font-size:14px; color:rgba(255,255,255,.7);">Founder</div> 700 </div> 701 </figcaption> 702 </figure> 703 </div> 704 </div> 705</section> 706 707<section style="padding:clamp(68px,9vw,120px) clamp(20px,4vw,32px) clamp(72px,10vw,130px); background:#fff;"> 708 <div style="max-width:1280px; margin:0 auto; text-align:center;"> 709 <h2 data-reveal style="font-family:'Space Grotesk',sans-serif; font-size:clamp(31px,4.4vw,68px); line-height:1.03; letter-spacing:-.04em; font-weight:700; margin:0 0 24px; text-wrap:balance;"> 710 Let's find out what your marketing is <span style="font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; color:var(--accent,#0F76E8);">leaving on the table</span>. 711 </h2> 712 <p data-reveal data-delay="70" style="font-size:19px; line-height:1.65; color:#3C566C; max-width:560px; margin:0 auto 38px;">A 30-minute discovery call. We'll look at your funnel, tell you what we'd fix first, and you decide where it goes from there.</p> 713 <a data-reveal data-delay="130" href="https://blueshoremarketing.com/get-started" style="display:inline-flex; align-items:center; gap:11px; background:var(--accent,#0F76E8); color:#fff; font-size:17px; font-weight:700; padding:19px 36px; border-radius:999px; white-space:nowrap; box-shadow:0 16px 36px rgba(15,118,232,.32); transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;" style-hover="transform:translateY(-3px); box-shadow:0 24px 50px rgba(15,118,232,.42); color:#fff;"> 714 Schedule a call 715 <svg width="17" height="17" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 716 </a> 717 </div> 718</section> 719 720<footer style="background:#071A2B; color:#fff; padding:clamp(52px,8vw,76px) clamp(20px,4vw,32px) 40px;"> 721 <div style="max-width:1280px; margin:0 auto;"> 722 <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr)); gap:48px; padding-bottom:56px; border-bottom:1px solid rgba(255,255,255,.1);"> 723 <div> 724 <div style="display:flex; align-items:center; margin-bottom:20px;"> 725 <img src="https://assets.cdn.filesafe.space/6iPIg1dRovy2AcIlr6hm/media/6a75fb66f32575f33e38d8ee.png" alt="Blue Shore Marketing" style="height:52px; width:auto; display:block; filter:brightness(0) invert(1);"> 726 </div> 727 <p style="font-size:15.5px; line-height:1.65; color:rgba(255,255,255,.82); margin:0 0 20px; max-width:300px;">Full-service digital marketing out of Miami, Florida. CRM, ads, web, and analytics built by one team.</p> 728 <a href="https://blueshoremarketing.com/get-started" style="display:inline-flex; align-items:center; gap:9px; font-size:15px; font-weight:700; color:#7FD4FF;" style-hover="color:#fff;">Schedule a call 729 <svg width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 730 </a> 731 </div> 732 <div> 733 <div style="font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:18px;">Pages</div> 734 <div style="display:flex; flex-direction:column; gap:12px;"> 735 <a href="#top" style="font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">Home</a> 736 <a href="https://blueshoremarketing.com/services" style="font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">Services</a> 737 <a href="https://blueshoremarketing.com/process" style="font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">Process</a> 738 <a href="https://blueshoremarketing.com/about" style="font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">About Us</a> 739 <a href="https://blueshoremarketing.com/get-started" style="font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">Get Started</a> 740 <a href="https://salesnest.ai" target="_blank" rel="noopener" style="display:inline-flex; align-items:center; gap:7px; font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">Sales Nest CRM 741 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M3.5 8.5L8.5 3.5M8.5 3.5H4.8M8.5 3.5v3.7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 742 </a> 743 </div> 744 </div> 745 <div> 746 <div style="font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:18px;">Services</div> 747 <div style="display:flex; flex-direction:column; gap:12px;"> 748 <a href="https://blueshoremarketing.com/services" style="font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">CRM & Automation</a> 749 <a href="https://blueshoremarketing.com/services" style="font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">Website & SEO</a> 750 <a href="https://blueshoremarketing.com/services" style="font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">Social & Ads</a> 751 <a href="https://blueshoremarketing.com/services" style="font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">Analytics & Reporting</a> 752 </div> 753 </div> 754 <div> 755 <div style="font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:18px;">Legal</div> 756 <div style="display:flex; flex-direction:column; gap:12px;"> 757 <a href="https://blueshoremarketing.com/terms-conditions" style="font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">Terms & Conditions</a> 758 <a href="https://blueshoremarketing.com/privacy-policy" style="font-size:15.5px; color:rgba(255,255,255,.9);" style-hover="color:#fff;">Privacy Policy</a> 759 </div> 760 </div> 761 </div> 762 <div style="padding-top:28px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:14px; color:rgba(255,255,255,.4);">
763 <span>© 2026 Blue Shore Marketing. All rights reserved.</span> 764 <span>Miami, Florida</span> 765 </div> 766 </div> 767</footer> 768 769</div> 770
771<script> 772(function () { 773 var _cleanup = []; 774 var PROPS = {"accentColor":"#0F76E8","motion":"full"}; 775 function init() { 776 const q = (s) => Array.from(document.querySelectorAll(s)); 777 _cleanup = []; 778 779 const accent = PROPS.accentColor; 780 if (accent) document.documentElement.style.setProperty('--accent', accent); 781 782 const motion = PROPS.motion || 'full'; 783 const reduced = motion === 'off' || window.matchMedia('(prefers-reduced-motion: reduce)').matches; 784 785 // ---- scroll reveal ---- 786 const items = q('[data-reveal]'); 787 const show = (el) => { 788 el.style.opacity = '1'; 789 el.style.transform = 'none'; 790 const rail = el.querySelector && el.querySelector('[data-rail]'); 791 if (rail) rail.style.width = '100%'; 792 }; 793 if (reduced) { 794 items.forEach(show); 795 } else { 796 const dist = motion === 'subtle' ? '14px' : '30px'; 797 items.forEach((el) => { 798 el.style.opacity = '0'; 799 el.style.transform = 'translate3d(0,' + dist + ',0)'; 800 el.style.willChange = 'opacity, transform'; 801 el.style.transition = 'opacity .8s cubic-bezier(.2,.75,.2,1), transform .8s cubic-bezier(.2,.75,.2,1)'; 802 }); 803 const io = new IntersectionObserver((entries) => { 804 entries.forEach((e) => { 805 if (!e.isIntersecting) return; 806 const d = parseInt(e.target.getAttribute('data-delay') || '0', 10); 807 setTimeout(() => show(e.target), d); 808 io.unobserve(e.target); 809 }); 810 }, { rootMargin: '0px 0px -12% 0px', threshold: 0.08 }); 811 items.forEach((el) => io.observe(el)); 812 const t = setTimeout(() => items.forEach(show), 4000); 813 _cleanup.push(() => { io.disconnect(); clearTimeout(t); }); 814 } 815 816 // ---- rotating hero word ---- 817 const rot = document.querySelector('[data-rotator]'); 818 if (rot) { 819 const fitRot = () => { rot.style.minWidth = window.innerWidth < 460 ? '0px' : '186px'; }; 820 fitRot(); 821 window.addEventListener('resize', fitRot); 822 _cleanup.push(() => window.removeEventListener('resize', fitRot)); 823 } 824 if (rot && !reduced) { 825 const words = ['CRM automation', 'ad campaigns', 'websites & SEO', 'email & SMS', 'reporting you can read']; 826 let i = 0; 827 const iv = setInterval(() => { 828 rot.style.opacity = '0'; 829 rot.style.transform = 'translateY(-6px)'; 830 setTimeout(() => { 831 i = (i + 1) % words.length; 832 rot.textContent = words[i]; 833 rot.style.transform = 'translateY(6px)'; 834 requestAnimationFrame(() => { 835 rot.style.opacity = '1'; 836 rot.style.transform = 'translateY(0)'; 837 }); 838 }, 350); 839 }, 2600); 840 _cleanup.push(() => clearInterval(iv)); 841 } 842 843 // ---- scroll-driven effects ---- 844 const nav = document.querySelector('[data-bar]'); 845 const orbs = q('[data-orb]'); 846 const ghost = document.querySelector('[data-ghost]'); 847 const video = document.querySelector('[data-hero-video]'); 848 const heroFrame = video && video.closest('[data-reveal]'); 849 const stepper = document.querySelector('[data-stepper]'); 850 851 let ticking = false; 852 const onScroll = () => { 853 if (ticking) return; 854 ticking = true; 855 requestAnimationFrame(() => { 856 const y = window.scrollY || window.pageYOffset; 857 if (nav) { 858 const on = y > 24; 859 nav.style.background = on ? 'rgba(255,255,255,.93)' : 'rgba(255,255,255,.72)'; 860 nav.style.borderColor = on ? 'rgba(7,26,43,.1)' : 'rgba(7,26,43,.07)'; 861 nav.style.boxShadow = on ? '0 16px 40px -22px rgba(7,26,43,.45)' : '0 8px 28px -18px rgba(7,26,43,.35)'; 862 } 863 if (stepper) stepper.style.gridTemplateColumns = window.innerWidth < 940 ? '1fr' : 'minmax(280px,360px) 1fr'; 864 if (!reduced) { 865 const vh = window.innerHeight; 866 // (hero frame parallax intentionally omitted, transforming a large 867 // decoding video on every scroll frame causes visible judder) 868 orbs.forEach((o, i) => { 869 const r = o.getBoundingClientRect(); 870 const p = (vh - r.top) / (vh + r.height); 871 o.style.transform = 'translate3d(0,' + ((p - 0.5) * (i % 2 ? 60 : -60)).toFixed(1) + 'px,0)'; 872 }); 873 if (ghost) { 874 const r = ghost.getBoundingClientRect(); 875 const p = (vh - r.top) / (vh + r.height); 876 ghost.style.transform = 'translate3d(' + ((p - 0.5) * -160).toFixed(1) + 'px,0,0)'; 877 } 878 } 879 ticking = false;
880 }); 881 }; 882 window.addEventListener('scroll', onScroll, { passive: true }); 883 window.addEventListener('resize', onScroll, { passive: true }); 884 onScroll(); 885 _cleanup.push(() => { 886 window.removeEventListener('scroll', onScroll); 887 window.removeEventListener('resize', onScroll); 888 }); 889 890 // ---- pointer tilt ---- 891 if (!reduced && motion === 'full') { 892 const tilts = q('[data-tilt]'); 893 const softs = q('[data-tilt-soft]'); 894 const all = tilts.map((el) => [el, 5]).concat(softs.map((el) => [el, 3])); 895 const onMove = (e) => { 896 all.forEach(([el, amt]) => { 897 const r = el.getBoundingClientRect(); 898 if (r.bottom < 0 || r.top > window.innerHeight) return; 899 const dx = (e.clientX - (r.left + r.width / 2)) / Math.max(1, r.width); 900 const dy = (e.clientY - (r.top + r.height / 2)) / Math.max(1, r.height); 901 el.style.transition = 'transform .25s ease-out'; 902 el.style.transform = 'perspective(1200px) rotateY(' + (dx * amt).toFixed(2) + 'deg) rotateX(' + (-dy * amt).toFixed(2) + 'deg)'; 903 }); 904 }; 905 window.addEventListener('mousemove', onMove, { passive: true }); 906 _cleanup.push(() => window.removeEventListener('mousemove', onMove)); 907 } 908 909 // ---- free tools dropdown ---- 910 const dd = document.querySelector('[data-dropdown]'); 911 if (dd) { 912 const ddBtn = dd.querySelector('[data-dd-btn]'); 913 const ddPanel = dd.querySelector('[data-dd-panel]'); 914 const ddChev = dd.querySelector('[data-dd-chev]'); 915 const setOpen = (o) => { 916 ddPanel.style.display = o ? 'flex' : 'none'; 917 if (ddChev) ddChev.style.transform = o ? 'rotate(180deg)' : 'none'; 918 }; 919 ddBtn.addEventListener('click', (e) => { e.stopPropagation(); setOpen(ddPanel.style.display !== 'flex'); }); 920 const away = (e) => { if (!dd.contains(e.target)) setOpen(false); }; 921 const esc = (e) => { if (e.key === 'Escape') setOpen(false); }; 922 document.addEventListener('click', away); 923 document.addEventListener('keydown', esc); 924 _cleanup.push(() => { document.removeEventListener('click', away); document.removeEventListener('keydown', esc); }); 925 } 926 927 // ---- hero card offset ---- 928 const heroCard = document.querySelector('[data-hero-card]'); 929 if (heroCard) { 930 const fitCard = () => { heroCard.style.left = window.innerWidth < 1000 ? '0px' : '-28px'; }; 931 fitCard(); 932 window.addEventListener('resize', fitCard); 933 _cleanup.push(() => window.removeEventListener('resize', fitCard)); 934 } 935 936 // ---- smooth anchors ---- 937 // ---- responsive nav ---- 938 const bar2 = document.querySelector('header [data-bar]'); 939 const navEl = bar2 && bar2.querySelector('nav'); 940 const burger = bar2 && bar2.querySelector('[data-burger]'); 941 if (bar2 && navEl && burger) { 942 const navCss = navEl.getAttribute('style') || ''; 943 const ddP = bar2.querySelector('[data-dd-panel]'); 944 const ddCss = ddP ? (ddP.getAttribute('style') || '') : ''; 945 const cta = navEl.querySelector('a[href*="get-started"]'); 946 const ctaCss = cta ? (cta.getAttribute('style') || '') : ''; 947 let navOpen = false; 948 let narrowNow = null; 949 const navKids = Array.from(navEl.querySelectorAll('a,[data-dd-btn]')).filter((el) => el !== cta).map((el) => [el, el.style.padding]); 950 const applyNav = () => { 951 const narrow = window.innerWidth < 1000; 952 if (narrow) { 953 burger.style.display = 'inline-flex'; 954 burger.style.marginLeft = '10px'; 955 if (cta && cta.parentElement !== bar2) { 956 bar2.insertBefore(cta, burger); 957 cta.setAttribute('style', ctaCss + ' font-size:14px; padding:14px 18px; margin-left:auto;'); 958 } 959 navEl.setAttribute('style', 'display:' + (navOpen ? 'flex' : 'none') + '; flex-direction:column; align-items:stretch; gap:2px; position:absolute; top:calc(100% + 10px); left:0; right:0; padding:12px; border-radius:20px; background:rgba(255,255,255,.98); border:1px solid #E4EDF5; box-shadow:0 26px 54px -22px rgba(7,26,43,.4); z-index:6;');
960 navKids.forEach(([el]) => { el.style.padding = '13px 14px'; }); 961 if (ddP) ddP.setAttribute('style', ddP.style.display === 'flex' ? 'display:flex; flex-direction:column; gap:2px; position:static; min-width:0; padding:2px 0 6px; background:transparent; border:none; box-shadow:none;' : 'display:none;'); 962 } else { 963 burger.style.display = 'none'; 964 burger.style.marginLeft = 'auto'; 965 navOpen = false; 966 navEl.setAttribute('style', navCss); 967 navKids.forEach(([el, p]) => { el.style.padding = p; }); 968 if (ddP) ddP.setAttribute('style', ddCss); 969 if (cta && cta.parentElement !== navEl) { navEl.appendChild(cta); cta.setAttribute('style', ctaCss); } 970 } 971 narrowNow = narrow; 972 }; 973 burger.addEventListener('click', (e) => { e.stopPropagation(); navOpen = !navOpen; applyNav(); }); 974 navEl.addEventListener('click', (e) => { 975 if (window.innerWidth < 1000 && e.target.closest('a')) { navOpen = false; applyNav(); } 976 }); 977 window.addEventListener('resize', applyNav); 978 applyNav(); 979 _cleanup.push(() => window.removeEventListener('resize', applyNav)); 980 } 981 982 // ---- gantt stacking on narrow screens ---- 983 const gbars = q('[data-gantt]'); 984 if (gbars.length) { 985 const ghead = document.querySelector('[data-gantt-head]'); 986 const applyGantt = () => { 987 const narrow = window.innerWidth < 760; 988 gbars.forEach((b) => { 989 const row = b.parentElement && b.parentElement.parentElement; 990 if (row) row.style.gridTemplateColumns = narrow ? '1fr' : 'clamp(0px,14vw,190px) 1fr'; 991 }); 992 if (ghead) ghead.style.paddingLeft = narrow ? '0px' : 'clamp(0px,14vw,190px)'; 993 }; 994 window.addEventListener('resize', applyGantt); 995 applyGantt(); 996 _cleanup.push(() => window.removeEventListener('resize', applyGantt)); 997 } 998 999 // ---- full-bleed escape (for embedding in a themed container) ---- 1000 const bleed = document.querySelector('[data-bleed]'); 1001 if (bleed) { 1002 const fitBleed = () => { 1003 bleed.style.width = ''; 1004 bleed.style.marginLeft = ''; 1005 bleed.style.marginRight = ''; 1006 const r = bleed.getBoundingClientRect(); 1007 const docW = document.documentElement.clientWidth; 1008 if (Math.abs(r.width - docW) > 1 || Math.abs(r.left) > 1) { 1009 bleed.style.width = docW + 'px'; 1010 bleed.style.marginLeft = (-r.left) + 'px'; 1011 bleed.style.marginRight = '0px'; 1012 } 1013 }; 1014 fitBleed(); 1015 window.addEventListener('resize', fitBleed); 1016 window.addEventListener('load', fitBleed); 1017 _cleanup.push(() => { window.removeEventListener('resize', fitBleed); window.removeEventListener('load', fitBleed); }); 1018 } 1019 1020 const onClick = (e) => { 1021 const a = e.target.closest && e.target.closest('a[href^="#"]'); 1022 if (!a) return; 1023 const id = a.getAttribute('href').slice(1); 1024 const target = document.getElementById(id); 1025 if (!target) return; 1026 e.preventDefault(); 1027 window.scrollTo({ top: target.getBoundingClientRect().top + window.scrollY - 72, behavior: reduced ? 'auto' : 'smooth' }); 1028 }; 1029 document.addEventListener('click', onClick); 1030 _cleanup.push(() => document.removeEventListener('click', onClick)); 1031 1032 // ---- process stepper ---- 1033 if (stepper) { 1034 const STEPS = [ 1035 { n: '01', when: 'Week 1', title: 'Technical Audit & Analysis', 1036 body: 'We dig into how your business actually performs: the site, the tracking, the follow-up. Then we surface the structural issues and set a solid foundation before anything gets built.', 1037 items: ['Full site & funnel audit', 'Tracking gap report', 'Prioritized fix list'] }, 1038 { n: '02', when: 'Week 1-2', title: 'Review Strategies', 1039 body: 'We analyze what you\u2019re already running, find the opportunities being missed, and refine the approach so the budget goes where it returns.', 1040 items: ['Channel performance review', 'Spend efficiency read', 'Opportunity shortlist'] }, 1041 { n: '03', when: 'Week 2', title: 'Tailored Plan & Timeline', 1042 body: 'A custom strategy with real dates attached, so you know
1042what happens in week two and what happens in month three, and who owns each piece.', 1043 items: ['Scoped roadmap', 'A named owner per stage', 'Dated milestones'] }, 1044 { n: '04', when: 'Weeks 3-8', title: 'Implementation', 1045 body: 'SEO, campaign setup, CRM builds, integrations. All the hands-on work that brings the strategy to life, done by the same team that planned it.', 1046 items: ['Website & SEO build', 'CRM + automations wired', 'Campaigns launched'] }, 1047 { n: '05', when: 'Pre-launch', title: 'End-to-End Testing', 1048 body: 'Every platform and channel gets tested before launch: the forms fire, the data lands where it should, and nothing quietly breaks a month later.', 1049 items: ['Form & lead routing tests', 'Conversion tracking QA', 'Cross-device checks'] }, 1050 { n: '06', when: 'Ongoing', title: 'Training & Support', 1051 body: 'Ongoing guidance so your team masters the tools. You should be able to run this without us. that\u2019s the point of building it properly.', 1052 items: ['Team walkthroughs', 'Written documentation', 'Monthly reporting'] } 1053 ]; 1054 const CHECK = '<span style="flex:none; margin-top:2px;"><svg width="14" height="14" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 6.5L4.5 9 10 3" stroke="#7FD4FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>'; 1055 const btns = q('[data-step-btn]'); 1056 const panel = document.querySelector('[data-step-panel]'); 1057 const ghostNum = document.querySelector('[data-panel-ghost]'); 1058 const chips = panel.querySelectorAll(':scope > div:first-child > span'); 1059 const h3 = panel.querySelector('h3'); 1060 const body = panel.querySelector('p'); 1061 const cells = panel.querySelectorAll(':scope > div:last-child > div'); 1062 let cur = 0, auto = null, stopped = false; 1063 const DUR = 7000; 1064 1065 const paint = (i) => { 1066 const s = STEPS[i]; 1067 cur = i; 1068 btns.forEach((b, j) => { 1069 const on = j === i; 1070 const num = b.querySelector('[data-btn-num]'); 1071 const lab = b.querySelector('[data-btn-label]'); 1072 const fill = b.querySelector('[data-btn-fill]'); 1073 b.style.background = on ? 'rgba(255,255,255,.07)' : 'transparent'; 1074 b.style.borderColor = on ? 'rgba(127,212,255,.35)' : 'transparent'; 1075 num.style.color = on ? '#7FD4FF' : 'rgba(255,255,255,.72)'; 1076 lab.style.color = on ? '#fff' : 'rgba(255,255,255,.88)'; 1077 fill.style.transition = 'none'; 1078 fill.style.width = on ? '0%' : (j < i ? '100%' : '0%'); 1079 if (on) { 1080 requestAnimationFrame(() => { 1081 fill.style.transition = stopped || reduced ? 'width .35s ease' : 'width ' + DUR + 'ms linear'; 1082 fill.style.width = '100%'; 1083 }); 1084 } 1085 }); 1086 if (ghostNum) ghostNum.textContent = s.n; 1087 chips[0].textContent = 'Step ' + s.n; 1088 chips[1].textContent = s.when; 1089 h3.textContent = s.title; 1090 body.textContent = s.body; 1091 cells.forEach((c, k) => { c.innerHTML = CHECK + (s.items[k] || ''); }); 1092 if (!reduced) { 1093 panel.style.transition = 'none'; 1094 panel.style.opacity = '0'; 1095 panel.style.transform = 'translate3d(0,10px,0)'; 1096 requestAnimationFrame(() => { 1097 panel.style.transition = 'opacity .45s ease, transform .45s cubic-bezier(.2,.8,.2,1)'; 1098 panel.style.opacity = '1'; 1099 panel.style.transform = 'none'; 1100 }); 1101 } 1102 }; 1103 1104 const start = () => { 1105 if (stopped || reduced) return; 1106 clearInterval(auto); 1107 auto = setInterval(() => paint((cur + 1) % STEPS.length), DUR); 1108 }; 1109 btns.forEach((b, i) => b.addEventListener('click', () => { 1110 stopped = true; 1111 clearInterval(auto); 1112 paint(i); 1113 })); 1114 stepper.addEventListener('mouseenter', () => clearInterval(auto)); 1115 stepper.addEventListener('mouseleave', start); 1116 paint(0); 1117 const vis = new IntersectionObserver((es) => {
1118 es.forEach((e) => { if (e.isIntersecting) start(); else clearInterval(auto); }); 1119 }, { threshold: 0.25 }); 1120 vis.observe(stepper); 1121 _cleanup.push(() => { clearInterval(auto); vis.disconnect(); }); 1122 } 1123 1124 // ---- newsletter ---- 1125 const form = document.querySelector('[data-newsletter]'); 1126 if (form) { 1127 const onSubmit = (e) => { 1128 e.preventDefault(); 1129 const msg = document.querySelector('[data-newsletter-msg]'); 1130 const btn = form.querySelector('button'); 1131 if (btn) { btn.textContent = 'You\u2019re in \u2713'; btn.style.background = '#2BC48A'; btn.style.color = '#fff'; } 1132 if (msg) { msg.textContent = 'Check your inbox to confirm.'; msg.style.color = 'rgba(255,255,255,.7)'; } 1133 }; 1134 form.addEventListener('submit', onSubmit); 1135 _cleanup.push(() => form.removeEventListener('submit', onSubmit)); 1136 } 1137 1138 // ---- silent looping hero video ---- 1139 if (video) { 1140 video.muted = true; 1141 video.defaultMuted = true; 1142 video.loop = true; 1143 video.playsInline = true; 1144 video.controls = false; 1145 video.setAttribute('muted', ''); 1146 video.setAttribute('loop', ''); 1147 video.setAttribute('playsinline', ''); 1148 // The branded ocean panel is the backdrop; the video fades over it as soon 1149 // as it has real frames. File is small, so it loads immediately. 1150 const fallback = document.querySelector('[data-hero-fallback]'); 1151 const reveal = () => { 1152 if (!video.videoWidth) return; 1153 video.style.opacity = '1'; 1154 if (fallback) { fallback.style.transition = 'opacity .45s ease'; fallback.style.opacity = '0'; } 1155 }; 1156 const tryPlay = () => { 1157 const p = video.play && video.play(); 1158 if (p && p.catch) p.catch(() => {}); 1159 }; 1160 1161 video.addEventListener('loadeddata', () => { reveal(); tryPlay(); }); 1162 video.addEventListener('canplay', () => { reveal(); tryPlay(); }); 1163 video.addEventListener('playing', reveal); 1164 video.addEventListener('error', () => { video.style.display = 'none'; }); 1165 if (video.readyState >= 2) { reveal(); tryPlay(); } 1166 tryPlay(); 1167 1168 // Keep it running: pause only when the hero is genuinely off-screen, 1169 // and always resume the moment it comes back. 1170 let offscreen = false; 1171 const vio = new IntersectionObserver((entries) => { 1172 entries.forEach((e) => { 1173 offscreen = !e.isIntersecting; 1174 if (offscreen) { if (!video.paused) video.pause(); } 1175 else tryPlay(); 1176 }); 1177 }, { threshold: 0 }); 1178 vio.observe(video); 1179 1180 // Browsers can silently stall an autoplaying video (tab switch, throttling). 1181 // Nudge it back whenever it's visible but not advancing. 1182 let lastT = -1; 1183 const watchdog = setInterval(() => { 1184 if (offscreen || document.hidden) return; 1185 if (video.paused || video.currentTime === lastT) tryPlay(); 1186 lastT = video.currentTime; 1187 }, 1000); 1188 const onVis = () => { if (!document.hidden && !offscreen) tryPlay(); }; 1189 document.addEventListener('visibilitychange', onVis); 1190 const kick = () => tryPlay(); 1191 document.addEventListener('pointerdown', kick, { once: true }); 1192 _cleanup.push(() => { 1193 document.removeEventListener('pointerdown', kick); 1194 document.removeEventListener('visibilitychange', onVis); 1195 clearInterval(watchdog); 1196 vio.disconnect(); 1197 }); 1198 } 1199 } 1200 if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); 1201 else init(); 1202})(); 1203</script>
1203 1204</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div></div><!----><!----><!----></div><!--]--></div><!--]--><!--]--></div><div id="teleports"></div>
1204<script>window.__NUXT__={};window.__NUXT__.config={public:{baseUrl:"https://apisystem.tech",newBaseURL:"https://backend.leadconnectorhq.com/appengine",serverBaseUrl:"https://apisystem.tech",NODE_ENV:"production",OLD_STORAGE_API_URL1_CDN:"https://cdn.msgsndr.com",OLD_STORAGE_API_URL2_CDN:"https://assets.cdn.msgsndr.com",STORAGE_API_URL1_CDN:"https://cdn.filesafe.space",STORAGE_API_URL2_CDN:"https://assets.cdn.filesafe.space",REVIEW_WIDGET_URL:"https://backend.leadconnectorhq.com/appengine/reviews/get_widget/",REST_API_URLS:"https://backend.leadconnectorhq.com",STATS_API_URL:"https://backend.leadconnectorhq.com",paymentsServiceUrl:"https://backend.leadconnectorhq.com",pciIframeEnabled:true,paymentEmbedOrigin:"https://payment-embed.leadconnectorhq.com",pciIframeLocations:"uF0vaUyrN6rdVdctJldw,xab25XqX1o1xdmYkKqBs",HLS_URL:"https://content.apisystem.tech",IMAGE_CDN:"https://images.leadconnectorhq.com",IMAGE_CDN_WHITELIST:["assets.cdn.msgsndr.com","cdn.msgsndr.com","cdn.filesafe.space","assets.cdn.filesafe.space","storage.googleapis.com","firebasestorage.googleapis.com"],authorizeAcceptJsUrlTestMode:"https://jstest.authorize.net/v1/Accept.js",authorizeAcceptJsUrlLiveMode:"https://js.authorize.net/v1/Accept.js",nmiPaymentProviderScriptUrl:"https://secure.safewebservices.com/token/Collect.js",FORMS_SERVICE_URL:"https://backend.leadconnectorhq.com",SURVEYS_SERVICE_URL:"https://backend.leadconnectorhq.com",QR_CODE_SERVICE_URL:"https://backend.leadconnectorhq.com",GOOGLE_API_SERVICE_URL:"https://services.leadconnectorhq.com/common-google",ECOMMERCE_SERVICE_URL:"https://backend.leadconnectorhq.com/ecommerce",HL_HOMEPAGE_STEPID:"6dcfb06b-9734-44bd-bbcc-8bd4b7fec976",STRIPE_BNPL_CONFIGURATION_TEST:"pmc_1OaAR1FpU9DlKp7RH0HHU4xH",STRIPE_BNPL_CONFIGURATION_LIVE:"pmc_1OlnyOFpU9DlKp7R4tTHuihw",STRIPE_PMC_KEY_TEST:"pmc_1Ps2bTFpU9DlKp7RmgTzmJUL",STRIPE_PMC_KEY_LIVE:"pmc_1PzYYpFpU9DlKp7RcgxVmcvS",STRIPE_DEFAULT_CONFIGURATION_TEST:"pmc_1M95aRFpU9DlKp7ReIqqY0PP",STRIPE_DEFAULT_CONFIGURATION_LIVE:"pmc_1NYilsFpU9DlKp7RkMiUNrKE",STRIPE_DEFAULT_CONFIGURATION_TEST_SURVEY:"pmc_1QrvB7FpU9DlKp7RcL9L2idV",STRIPE_DEFAULT_CONFIGURATION_LIVE_SURVEY:"pmc_1Qwds7FpU9DlKp7RMCBlclQ0",STRIPE_DEFAULT_CONFIGURATION_TEST_FORM:"pmc_1Qodu1FpU9DlKp7RoWHB8Txx",STRIPE_DEFAULT_CONFIGURATION_LIVE_FORM:"pmc_1QwcV0FpU9DlKp7RORUHPK8B",STRIPE_CARD_ONLY_TEST_PMC:"pmc_1PVvmcFpU9DlKp7RFsjX5G7G",STRIPE_CARD_ONLY_LIVE_PMC:"pmc_1PVvogFpU9DlKp7Rj8F0ITLV",ENTERPRISE_RECAPTCHA_SITE_KEY:"6LeDBFwpAAAAAJe8ux9-imrqZ2ueRsEtdiWoDDpX",ENTERPRISE_RECAPTCHA_CHECKBOX_SITE_KEY:"6Lfjxx4sAAAAAIsnmlR5mKNS7QwIWqDjABW2SUu7",STRIPE_ONE_STEP_PMC_ID_TEST:"pmc_1QodqYFpU9DlKp7R8EIapiwE",STRIPE_TWO_STEP_PMC_ID_TEST:"pmc_1QodsEFpU9DlKp7RHRyay2KC",STRIPE_ONE_STEP_PMC_ID_LIVE:"pmc_1QwcLrFpU9DlKp7Rl9zb07x1",STRIPE_TWO_STEP_PMC_ID_LIVE:"pmc_1QwcP4FpU9DlKp7R4L0ytWkJ",RECAPTCHA_SITE_KEY:"6LfcbMseAAAAAI-EJoB-lUh7_TJaYloLbcbmnhEO",TURNSTILE_INVISIBLE_SITE_KEY:"0x4AAAAAACCpVlau-4k7cJ33",TURNSTILE_VISIBLE_SITE_KEY:"0x4AAAAAACDfuwSBQ2sYO1VD",TURNSTILE_INVISIBLE_TEST_SITE_KEY:"1x00000000000000000000BB",TURNSTILE_VISIBLE_TEST_SITE_KEY:"1x00000000000000000000AA",ENCRYPTED_STORAGE_SECRET_KEY:"daffd34c5f824e455827b0c87cbbf64f8b0cd32b79b6d73100fc4bdf41f095ea",formFunnelWrapperEnabled:true,formCalendarWrapperEnabled:true,formNativeWrapperEnabled:true,formCalendarServiceWrapperEnabled:true,formCalendarRentalWrapperEnabled:true,surveyFunnelWrapperEnabled:true,surveyNativeWrapperEnabled:true,quizNativeWrapperEnabled:true,i18n:{baseUrl:"",defaultLocale:"en",defaultDirection:"ltr",strategy:"no_prefix",lazy:true,rootRedirect:"",routesNameSeparator:"___",defaultLocaleRouteNameSuffix:"default",skipSettingLocaleOnNavigate:true,differentDomains:false,trailingSlash:false,detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:"",cookieKey:"i18n_redirected",cookieSecure:false,fallbackLocale:"",redirectOn:"root",useCookie:true},experimental:{localeDetector:"",switchLocalePathLinkSSR:false,autoImportTranslationFunctions:false,typedPages:true,typedOptionsAndMessages:false,generatedLocaleFilePathFormat:"absolute",alternateLinkCanonicalQueries:false,hmr:true},multiDomainLocales:false,domainLocales:{da:{domain:""},de:{domain:""},en:{domain:""},es:{domain:""},fi:{domain:""},"fr-ca":{domain:""},fr:{domain:""},hu:{domain:""},it:{domain:""},nl:{domain:""},no:{domain:""},pl:{domain:""},"pt-br":{domain:""},pt:{domain:""},sv:{domain:""}}}},app:{baseURL:"/",buildId:"5e4d2f74-dab2-481c-98e8-03c306ceb4cb",buildAssetsDir:"/_preview/",cdnURL:"https://stcdn.leadconnectorhq.com/"}}</script>
1204<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":217,"once":377,"_errors":378,"serverRendered":27},["ShallowReactive",3],{"pageData":4},{"elements":5,"popup":169,"fontsToLoad":40,"customFonts":170,"meta":171,"domainName":172,"pageUrl":173,"pageId":174,"pageName":175,"locationId":176,"headerCode":40,"footerCode":40,"popupsList":177,"favicon":206,"globalHeadTrackingCode":40,"globalBodyTrackingCode":40,"funnelId":207,"funnelName":208,"stepId":209,"affiliateId":-1,"cookieConsent":-1,"disablePageLevelCookieConsent":36,"pixelToInit":210,"isOptimisePageLoad":27,"backgroundSettingsClass":42,"schemaMarkup":211,"isGeolocationNeeded":36},[6,10,50,77,110,131,156],{"id":7,"child":8},"hl_main",[9],"section-1skgPVGnvq",{"id":9,"type":11,"child":12,"class":14,"styles":28,"extra":31,"meta":11,"tagName":48,"title":49,"classStr":16,"_id":9},"section",[13],"row-u4OWu-fFWX",{"width":15,"entranceAnimation":17,"animationScale":19,"animationDuration":21,"animationDelay":22,"animationEasing":24,"disableAnimationsOnMobile":26},{"value":16},"fullSection",{"value":18},null,{"value":20},1,{"value":20},{"value":23},0,{"value":25},"linear",{"value":27},true,{"borderWidth":29},{"value":30},"0px",{"sticky":32,"visibility":34,"bgImage":37,"allowRowMaxWidth":43,"customClass":44,"elementScreenshot":46},{"value":33},"noneSticky",{"value":35},{"hideDesktop":36,"hideMobile":36},false,{"value":38},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":27},"image","","1","bgCover",{"value":36},{"value":45},[],{"value":47},[],"c-section","Section",{"id":13,"type":51,"child":52,"class":54,"styles":63,"extra":65,"tagName":75,"meta":51,"title":76,"classStr":56},"row",[53],"col-S5zBrzOFOH",{"alignRow":55,"entranceAnimation":57,"animationScale":58,"animationDuration":59,"animationDelay":60,"animationEasing":61,"disableAnimationsOnMobile":62},{"value":56},"row-align-center",{"value":18},{"value":20},{"value":20},{"value":23},{"value":25},{"value":27},{"borderWidth":64},{"value":30},{"visibility":66,"bgImage":68,"rowWidth":70,"customClass":73},{"value":67},{"hideDesktop":36,"hideMobile":36},{"value":69},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":27},{"value":71,"unit":72},100,"%",{"value":74},[],"c-row","1 Column Row",{"id":53,"type":78,"child":79,"class":81,"styles":90,"extra":92,"tagName":108,"meta":78,"title":109,"noOfColumns":20,"classStr":89},"col",[80],"row-GaCU_LVjUE",{"entranceAnimation":82,"animationScale":83,"animationDuration":84,"animationDelay":85,"animationEasing":86,"disableAnimationsOnMobile":87,"nestedColumn":88},{"value":18},{"value":20},{"value":20},{"value":23},{"value":25},{"value":27},{"value":89},"c-nested-column",{"borderWidth":91},{"value":30},{"visibility":93,"bgImage":95,"columnLayout":97,"justifyContentColumnLayout":99,"alignContentColumnLayout":101,"forceColumnLayoutForMobile":103,"customClass":104,"elementVersion":106},{"value":94},{"hideDesktop":36,"hideMobile":36},{"value":96},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":27},{"value":98},"column",{"value":100},"center",{"value":102},"inherit",{"value":27},{"value":105},[],{"value":107},2,"c-column","1st Column",{"id":80,"type":51,"child":111,"class":113,"styles":121,"extra":123,"tagName":75,"meta":51,"title":76,"classStr":56},[112],"col-mKzcSjOgEN",{"alignRow":114,"entranceAnimation":115,"animationScale":116,"animationDuration":117,"animationDelay":118,"animationEasing":119,"disableAnimationsOnMobile":120},{"value":56},{"value":18},{"value":20},{"value":20},{"value":23},{"value":25},{"value":27},{"borderWidth":122},{"value":30},{"visibility":124,"bgImage":126,"rowWidth":128,"customClass":129},{"value":125},{"hideDesktop":36,"hideMobile":36},{"value":127},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":27},{"value":71,"unit":72},{"value":130},[],{"id":112,"type":78,"child":132,"class":134,"styles":142,"extra":144,"tagName":108,"meta":78,"title":109,"noOfColumns":20},[133],"custom-code-9WZ-Ama1u8",{"entranceAnimation":135,"animationScale":136,"animationDuration":137,"animationDelay":138,"animationEasing":139,"disableAnimationsOnMobile":140,"nestedColumn":141},{"value":18},{"value":20},{"value":20},{"value":23},{"value":25},{"value":27},{"value":40},{"borderWidth":143},{"value":30},{"visibility":145,"bgImage":147,"columnLayout":149,"justifyContentColumnLayout":150,"alignContentColumnLayout":151,"forceColumnLayoutForMobile":152,"customClass":153,"elementVersion":155},{"value":146},{"hideDesktop":36,"hideMobile":36},{"value":148},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":27},{"value":98},{"value":100},{"value":102},{"value":27},{"value":154},[],{"value":107},{"extra":157,"id":133,"meta":166,"tagName":167,"class":168},{"visibility":158,"customCode":160,"customClass":163,"nodeId":165},{"value":159},{"hideMobile":40,"hideDesktop":40},{"value":161},{"rawCustomCode":162},"\u003C!-- ================================================================\n Blue Shore Marketing: Home\n Paste this ENTIRE block into a Sales Nest Custom HTML \u002F Code element.\n Full-bleed: it escapes container padding automatically. Don't wrap\n it in a max-width row.\n Links: \u002F \u002Fservices \u002Fprocess \u002Fabout \u002Fget-started\n \u002Fterms-conditions \u002Fprivacy-policy\n ================================================================ -->\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Fassets.cdn.filesafe.space\" crossorigin>\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.googleapis.com\">\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.gstatic.
1204com\" crossorigin>\n\u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap\" rel=\"stylesheet\">\n\u003Cstyle>\n html, body { margin:0; padding:0; max-width:100%; overflow-x:clip; }\n body { background:#FFFFFF; -webkit-font-smoothing:antialiased; }\n * { box-sizing:border-box; }\n a { color:#0F76E8; text-decoration:none; }\n a:hover { color:#0B5CBA; }\n @keyframes bsm-marquee { from { transform:translate3d(0,0,0); } to { transform:translate3d(-50%,0,0); } }\n @keyframes bsm-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-14px); } }\n @keyframes bsm-pulse { 0%,100% { opacity:.35; transform:scale(1); } 50% { opacity:.75; transform:scale(1.14); } }\n @keyframes bsm-drift { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(30px,-24px,0) scale(1.06); } }\n @keyframes bsm-sheen { from { background-position:-160% 0; } to { background-position:260% 0; } }\n\u003C\u002Fstyle>\n\u003Cdiv data-bleed style=\"font-family:Manrope,system-ui,sans-serif; color:#071A2B; overflow-x:clip; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw);\">\n\n\u003Cheader style=\"position:fixed; top:0; left:0; right:0; z-index:100; padding:14px clamp(16px,4vw,32px);\">\n \u003Cdiv data-bar style=\"max-width:1240px; margin:0 auto; display:flex; align-items:center; gap:12px; padding:9px 10px 9px 16px; border-radius:999px; background:rgba(255,255,255,.72); border:1px solid rgba(7,26,43,.07); box-shadow:0 8px 28px -18px rgba(7,26,43,.35); backdrop-filter:saturate(180%) blur(18px); -webkit-backdrop-filter:saturate(180%) blur(18px); transition:background .35s ease, box-shadow .35s ease, border-color .35s ease;\">\n \u003Ca href=\"#top\" style=\"display:flex; align-items:center; flex:none;\">\n \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F6iPIg1dRovy2AcIlr6hm\u002Fmedia\u002F6a75fb66f32575f33e38d8ee.png\" alt=\"Blue Shore Marketing\" style=\"height:46px; width:auto; display:block;\">\n \u003C\u002Fa>\n \u003Cbutton data-burger type=\"button\" aria-label=\"Menu\" style=\"display:none; appearance:none; -webkit-appearance:none; cursor:pointer; margin-left:auto; align-items:center; justify-content:center; width:44px; height:44px; flex:none; border-radius:999px; background:#F1F6FB; border:1px solid #E1EAF3; color:#071A2B;\">\n \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 5h14M2 9h14M2 13h14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fbutton>\n \u003Cnav style=\"display:flex; align-items:center; gap:4px; margin-left:auto; flex-wrap:wrap; justify-content:flex-end;\">\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\" style=\"font-size:14.5px; font-weight:600; color:#33506A; letter-spacing:-.01em; padding:9px 12px; border-radius:999px; transition:background .25s ease, color .25s ease;\" style-hover=\"background:#EEF4FA; color:#071A2B;\">Services\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fprocess\" style=\"font-size:14.5px; font-weight:600; color:#33506A; letter-spacing:-.01em; padding:9px 12px; border-radius:999px; transition:background .25s ease, color .25s ease;\" style-hover=\"background:#EEF4FA; color:#071A2B;\">Process\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fabout\" style=\"font-size:14.5px; font-weight:600; color:#33506A; letter-spacing:-.01em; padding:9px 12px; border-radius:999px; transition:background .25s ease, color .25s ease;\" style-hover=\"background:#EEF4FA; color:#071A2B;\">About\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fsalesnest.ai\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:600; color:#7189A0; letter-spacing:-.01em; padding:9px 12px; border-radius:999px; white-space:nowrap; transition:background .25s ease, color .25s ease;\" style-hover=\"background:#EEF4FA;
1204 color:#071A2B;\">Sales Nest CRM\n \u003Csvg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M3.5 8.5L8.5 3.5M8.5 3.5H4.8M8.5 3.5v3.7\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003Cdiv data-dropdown style=\"position:relative;\">\n \u003Cbutton data-dd-btn type=\"button\" style=\"appearance:none; -webkit-appearance:none; cursor:pointer; display:inline-flex; align-items:center; gap:7px; background:transparent; border:none; font-family:Manrope,sans-serif; font-size:14.5px; font-weight:600; color:#33506A; letter-spacing:-.01em; padding:9px 12px; border-radius:999px; white-space:nowrap; transition:background .25s ease, color .25s ease;\" style-hover=\"background:#EEF4FA; color:#071A2B;\">Free Tools\n \u003Csvg data-dd-chev width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" style=\"transition:transform .3s cubic-bezier(.2,.8,.2,1);\">\u003Cpath d=\"M2.5 4.5L6 8l3.5-3.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fbutton>\n \u003Cdiv data-dd-panel style=\"display:none; flex-direction:column; gap:2px; position:absolute; top:calc(100% + 14px); right:0; min-width:272px; padding:10px; border-radius:18px; background:rgba(255,255,255,.97); border:1px solid #E4EDF5; box-shadow:0 26px 54px -22px rgba(7,26,43,.4); backdrop-filter:saturate(180%) blur(18px); -webkit-backdrop-filter:saturate(180%) blur(18px); z-index:5;\">\n \u003Ca href=\"https:\u002F\u002Fsalesnest.ai\u002Fspam-checker\" target=\"_blank\" rel=\"noopener\" style=\"display:block; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:600; color:#2E4759; transition:background .2s ease, color .2s ease;\" style-hover=\"background:#F1F6FB; color:#071A2B;\">Spam Checker\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fsalesnest.ai\u002Femail-reputation\" target=\"_blank\" rel=\"noopener\" style=\"display:block; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:600; color:#2E4759; transition:background .2s ease, color .2s ease;\" style-hover=\"background:#F1F6FB; color:#071A2B;\">Email Reputation\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fsalesnest.ai\u002Fsegement-calculator\" target=\"_blank\" rel=\"noopener\" style=\"display:block; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:600; color:#2E4759; transition:background .2s ease, color .2s ease;\" style-hover=\"background:#F1F6FB; color:#071A2B;\">SMS Segment Calculator\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fsalesnest.ai\u002Fsms-compliance-checker\" target=\"_blank\" rel=\"noopener\" style=\"display:block; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:600; color:#2E4759; transition:background .2s ease, color .2s ease;\" style-hover=\"background:#F1F6FB; color:#071A2B;\">SMS Compliance Checker\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fsalesnest.ai\u002Fcall-calculator\" target=\"_blank\" rel=\"noopener\" style=\"display:block; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:600; color:#2E4759; transition:background .2s ease, color .2s ease;\" style-hover=\"background:#F1F6FB; color:#071A2B;\">Missed Call Calculator\u003C\u002Fa>\n \u003Cspan style=\"display:block; height:1px; background:#EDF2F7; margin:6px 8px;\">\u003C\u002Fspan>\n \u003Ca href=\"https:\u002F\u002Fsalesnest.ai\u002Ffree-tools\" target=\"_blank\" rel=\"noopener\" style=\"display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 14px; border-radius:12px; font-size:14.5px; font-weight:800; color:var(--accent,#0F76E8); transition:background .2s ease;\" style-hover=\"background:#EFF6FE; color:var(--accent,#0F76E8);\">All free tools\n \u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cspan style=\"width:1px; height:24px; background:rgba(7,26,43,.1); margin:0 8px;\">\u003C\u002Fspan>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fget-started\" style=\"display:inline-flex; align-items:center; gap:9px; background:var(--accent,#0F76E8); color:#fff; font-size:15px; font-weight:700; padding:12px 20px; border-radius:999px; letter-spacing:-.01em; white-space:nowrap; box-shadow:0 8px 22px rgba(15,118,232,.28); transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;\" style-hover=\"transform:translateY(-2px); box-shadow:0 14px 30px rgba(15,118,232,.38); color:#fff;\">Schedule a Call\n \u003Cspan style=\"display:inline-block; width:6px; height:6px; border-radius:50%; background:#7FD4FF;\">\u003C\u002Fspan>\n \u003C\u002Fa>\n \u003C\u002Fnav>\n \u003C\u002Fdiv>\n\u003C\u002Fheader>\n\n\u003Csection id=\"top\" style=\"position:relative; padding:clamp(92px,10vw,108px) clamp(20px,4vw,32px) clamp(56px,8vw,90px); background:linear-gradient(180deg,#F4F8FC 0%,#FFFFFF 78%); overflow:hidden;\">\n \u003Cdiv data-orb style=\"position:absolute; top:-160px; right:-120px; width:620px; height:620px; border-radius:50%; background:radial-gradient(circle at 35% 35%, rgba(53,197,216,.28), rgba(15,118,232,.16) 45%, rgba(255,255,255,0) 70%); filter:blur(10px); pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute; inset:0; background-image:linear-gradient(rgba(7,26,43,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(7,26,43,.045) 1px, transparent 1px); background-size:72px 72px; mask-image:radial-gradient(ellipse 70% 60% at 50% 30%, #000 20%, transparent 75%); -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%, #000 20%, transparent 75%); pointer-events:none;\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"position:relative; max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr)); gap:64px; align-items:center;\">\n \u003Cdiv>\n \u003Cdiv data-reveal style=\"display:inline-flex; align-items:center; gap:11px; padding:8px 18px 8px 14px; border:1px solid #DCE6EF; background:rgba(255,255,255,.8); border-radius:999px; font-size:13.5px; font-weight:600; color:#3D5A72; letter-spacing:-.01em; margin-bottom:28px;\">\n \u003Cspan style=\"width:7px; height:7px; border-radius:50%; background:var(--accent,#0F76E8); animation:bsm-pulse 2.4s ease-in-out infinite; flex:none;\">\u003C\u002Fspan>\n \u003Cspan style=\"white-space:nowrap;\">Full-service, in-house\u003C\u002Fspan>\n \u003Cspan style=\"color:#9DB0C1;\">·\u003C\u002Fspan>\n \u003Cspan data-rotator style=\"font-weight:800; color:#071A2B; transition:opacity .35s ease, transform .35s ease; display:inline-block; white-space:nowrap;\">CRM automation\u003C\u002Fspan>\n \u003C\u002Fdiv>\n\n \u003Ch1 data-reveal data-delay=\"80\" style=\"font-family:'Space Grotesk',sans-serif; font-size:clamp(36px,4.6vw,74px); line-height:1.01; letter-spacing:-.04em; font-weight:700; margin:0 0 26px; text-wrap:balance;\">\n We build the \u003Cspan style=\"font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; color:var(--accent,#0F76E8);\">system\u003C\u002Fspan> your growth runs on.\n \u003C\u002Fh1>\n\n \u003Cp data-reveal data-delay=\"160\" style=\"font-size:19px; line-height:1.6; color:#3C566C; max-width:530px; margin:0 0 36px; text-wrap:pretty;\">\n Campaigns end. Systems compound. Blue Shore designs the site, the ads, the CRM, and the reporting as one machine, so every lead gets caught, followed up, and counted.\n \u003C\u002Fp>\n\n \u003Cdiv data-reveal data-delay=\"230\" style=\"display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-bottom:44px;\">\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fget-started\" style=\"display:inline-flex; align-items:center; gap:10px; background:#071A2B; color:#fff; font-size:16px; font-weight:700; padding:17px 30px; border-radius:999px; letter-spacing:-.01em; white-space:nowrap; transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;\" style-hover=\"transform:translateY(-3px); box-shadow:0 18px 36px rgba(7,26,43,.26); color:#fff;\">\n Book a discovery call\n \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"#7FD4FF\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003Ca href=\"#services\" style=\"display:inline-flex; align-items:center; gap:10px; background:#fff; color:#071A2B; border:1px solid #DCE6EF; font-size:16px; font-weight:700; padding:16px 26px; border-radius:999px; letter-spacing:-.01em; white-space:nowrap; transition:border-color .25s ease, transform .25s ease;\" style-hover=\"border-color:#071A2B; transform:translateY(-3px); color:#071A2B;\">See what we do\u003C\u002Fa>\n \u003C\u002Fdiv>\n\n \u003Cdiv data-reveal data-delay=\"300\" style=\"display:flex; gap:38px; flex-wrap:wrap; padding-top:28px; border-top:1px solid #E3EAF0;\">\n \u003Cdiv>\n \u003Cdiv style=\"font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:700; letter-spacing:-.01em; margin-bottom:4px;\">No handoffs\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px; color:#4C6883;\">Strategy, build, and reporting. Never subcontracted\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv style=\"font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:700; letter-spacing:-.01em; margin-bottom:4px;\">Built to hand over\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px; color:#4C6883;\">Your accounts, your data, your team trained on it\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv data-reveal data-delay=\"180\" style=\"position:relative;\">\n \u003Cdiv style=\"position:absolute; inset:-18px; border-radius:32px; background:linear-gradient(140deg, rgba(15,118,232,.22), rgba(53,197,216,.14) 55%, rgba(255,255,255,0)); filter:blur(24px);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:relative; border-radius:24px; overflow:hidden; background:#071A2B; box-shadow:0 40px 80px -28px rgba(7,26,43,.45), 0 0 0 1px rgba(7,26,43,.06);\">\n \u003Cdiv style=\"display:flex; align-items:center; gap:8px; padding:14px 18px; background:rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.08);\">\n \u003Cspan style=\"width:9px; height:9px; border-radius:50%; background:#FF6058;\">\u003C\u002Fspan>\n \u003Cspan style=\"width:9px; height:9px; border-radius:50%; background:#FFBD2E;\">\u003C\u002Fspan>\n \u003Cspan style=\"width:9px; height:9px; border-radius:50%; background:#28C840;\">\u003C\u002Fspan>\n \u003Cspan style=\"margin-left:10px; font-size:12px; font-family:'Space Grotesk',sans-serif; color:rgba(255,255,255,.7); letter-spacing:.04em;\">blueshoremarketing.com\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"position:relative; width:100%; aspect-ratio:16\u002F10; background:#071A2B; overflow:hidden;\">\n \u003Cdiv data-hero-fallback style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(185deg,#071A2B 0%,#0E3453 46%,#0F76E8 78%,#35C5D8 100%); overflow:hidden;\">\n \u003Cdiv style=\"position:absolute; left:-20%; right:-20%; bottom:-14%; height:62%; border-radius:50% 50% 0 0 \u002F 34% 34% 0 0; background:radial-gradient(ellipse at 50% 0%, rgba(127,212,255,.42), rgba(53,197,216,.16) 46%, rgba(7,26,43,0) 72%); filter:blur(6px); animation:bsm-drift 14s ease-in-out infinite;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute; left:-15%;
1204 right:-15%; bottom:-6%; height:44%; border-radius:50% 50% 0 0 \u002F 40% 40% 0 0; background:linear-gradient(180deg, rgba(127,212,255,.24), rgba(15,118,232,.06)); filter:blur(4px); animation:bsm-float 9s ease-in-out infinite;\">\u003C\u002Fdiv>\n \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F6iPIg1dRovy2AcIlr6hm\u002Fmedia\u002F6a75fb66f32575f33e38d8ee.png\" alt=\"Blue Shore Marketing\" style=\"position:relative; width:min(46%,260px); height:auto; display:block; filter:brightness(0) invert(1) drop-shadow(0 8px 30px rgba(7,26,43,.6)); opacity:.96;\">\n \u003Cdiv style=\"position:absolute; left:0; right:0; bottom:18px; text-align:center; font-family:'Space Grotesk',sans-serif; font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.55);\">Miami, Florida\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cvideo data-hero-video src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F6iPIg1dRovy2AcIlr6hm\u002Fmedia\u002F6a76d1fa9a9c7792ea9e6e78.mp4\" autoplay muted loop playsinline preload=\"auto\" disablepictureinpicture disableremoteplayback style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition:opacity .45s ease; transform:translateZ(0); backface-visibility:hidden;\">\u003C\u002Fvideo>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fprocess\" data-reveal data-delay=\"420\" data-hero-card style=\"position:absolute; bottom:-52px; left:-28px; max-width:min(330px,100%); background:#fff; border:1px solid #E3EAF0; border-radius:15px; padding:12px 15px; display:flex; flex-direction:column; gap:9px; box-shadow:0 18px 40px -14px rgba(7,26,43,.28); animation:bsm-float 6s ease-in-out infinite; color:#071A2B;\" style-hover=\"color:#071A2B;\">\n \u003Cdiv style=\"display:flex; align-items:center; gap:6px; flex-wrap:wrap;\">\n \u003Cspan style=\"display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:800; letter-spacing:-.01em; color:#071A2B; background:#F4F8FC; border:1px solid #E3EAF0; padding:5px 10px; border-radius:999px; white-space:nowrap;\">\u003Cspan style=\"width:5px; height:5px; border-radius:50%; background:var(--accent,#0F76E8);\">\u003C\u002Fspan>Site\u003C\u002Fspan>\u003Csvg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" style=\"flex:none;\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"#9DB0C1\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003Cspan style=\"display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:800; letter-spacing:-.01em; color:#071A2B; background:#F4F8FC; border:1px solid #E3EAF0; padding:5px 10px; border-radius:999px; white-space:nowrap;\">\u003Cspan style=\"width:5px; height:5px; border-radius:50%; background:var(--accent,#0F76E8);\">\u003C\u002Fspan>CRM\u003C\u002Fspan>\u003Csvg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" style=\"flex:none;\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"#9DB0C1\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003Cspan style=\"display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:800; letter-spacing:-.01em; color:#071A2B; background:#F4F8FC; border:1px solid #E3EAF0; padding:5px 10px; border-radius:999px; white-space:nowrap;\">\u003Cspan style=\"width:5px; height:5px; border-radius:50%; background:var(--accent,#0F76E8);\">\u003C\u002Fspan>Follow-up\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:11.5px; line-height:1.45; color:#4C6883;\">Built as one system, in one project. \u003Cspan style=\"font-weight:800; color:#071A2B;\">see how â\u003C\u002Fspan>\u003C\u002Fdiv>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Csection style=\"position:relative; padding:54px 0 60px; background:#08243A; overflow:hidden;\">\n \u003Cdiv style=\"position:absolute; inset:0; background-image:repeating-linear-gradient(115deg, rgba(255,255,255,.03) 0 1px, transparent 1px 78px); pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, rgba(127,212,255,0), rgba(127,212,255,.45), rgba(127,212,255,0));\">\u003C\u002Fdiv>\n \u003Cp data-reveal style=\"position:relative; text-align:center; font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#35C5D8; margin:0 0 32px;\">The platforms we build on and connect\u003C\u002Fp>\n \u003Cdiv style=\"position:relative; mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); -webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);\">\n \u003Cdiv data-marquee style=\"display:flex; width:max-content; animation:bsm-marquee 36s linear infinite;\">\n \u003Cdiv style=\"display:flex; align-items:center; gap:64px; padding-right:64px;\">\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">HubSpot\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Zapier\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Meta Ads\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Google Ads\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">GoHighLevel\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Klaviyo\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Salesforce\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Shopify\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Mailchimp\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">GA4\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"display:flex; align-items:center; gap:64px; padding-right:64px;\" aria-hidden=\"true\">\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">HubSpot\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Zapier\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Meta Ads\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Google Ads\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">GoHighLevel\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Klaviyo\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Salesforce\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Shopify\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">Mailchimp\u003C\u002Fspan>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,.58); letter-spacing:-.03em; white-space:nowrap;\">GA4\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Csection id=\"services\" style=\"position:relative; padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px); background:radial-gradient(900px 520px at 10% -8%, #E9F3FE 0%, rgba(251,252,254,0) 62%), radial-gradient(820px 480px at 94% 14%, #E4F7FA 0%, rgba(251,252,254,0) 58%), #FBFCFE; overflow:hidden;\">\n \u003Cdiv style=\"position:absolute; inset:0; background-image:radial-gradient(rgba(7,26,43,.07) 1px, transparent 1px);
1204 background-size:26px 26px; mask-image:linear-gradient(180deg, #000, transparent 70%); -webkit-mask-image:linear-gradient(180deg, #000, transparent 70%); opacity:.55; pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv data-orb style=\"position:absolute; top:38%; left:-180px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(53,197,216,.2), rgba(255,255,255,0) 68%); filter:blur(12px); pointer-events:none;\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"position:relative; max-width:1280px; margin:0 auto;\">\n \u003Cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr)); gap:48px; align-items:end; margin-bottom:56px;\">\n \u003Cdiv>\n \u003Cp data-reveal style=\"font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent,#0F76E8); margin:0 0 18px;\">What we do\u003C\u002Fp>\n \u003Ch2 data-reveal data-delay=\"60\" style=\"font-family:'Space Grotesk',sans-serif; font-size:clamp(28px,3.4vw,54px); line-height:1.06; letter-spacing:-.035em; font-weight:700; margin:0; text-wrap:balance;\">\n Six disciplines, one accountable team.\n \u003C\u002Fh2>\n \u003C\u002Fdiv>\n \u003Cp data-reveal data-delay=\"120\" style=\"font-size:18px; line-height:1.65; color:#3C566C; margin:0; text-wrap:pretty;\">\n Most agencies own one slice and hand you the rest. We run the whole chain: the site people land on, the ads that send them, the follow-up that closes them, and the reporting that proves it worked.\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr)); gap:22px;\">\n \u003Ca data-reveal data-card href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\u002F\" style=\"display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;\" style-hover=\"transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;\">\n \u003Cspan data-rail style=\"position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);\">\u003C\u002Fspan>\n \u003Cdiv style=\"display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;\">\n \u003Csvg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\" style=\"display:block;\">\n \u003Cpath d=\"M15 14 L33 22 M15 34 L33 26\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linecap=\"round\">\u003C\u002Fpath>\n \u003Ccircle cx=\"10\" cy=\"13\" r=\"5\" stroke=\"#071A2B\" stroke-width=\"2\">\u003C\u002Fcircle>\n \u003Ccircle cx=\"10\" cy=\"35\" r=\"5\" stroke=\"#071A2B\" stroke-width=\"2\">\u003C\u002Fcircle>\n \u003Crect x=\"30\" y=\"17\" width=\"14\" height=\"14\" rx=\"4\" fill=\"#fff\" stroke=\"#071A2B\" stroke-width=\"2\">\u003C\u002Frect>\n \u003Cpath d=\"M34 24 l2.5 2.5 L41 22\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003C\u002Fpath>\n \u003C\u002Fsvg>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;\">01\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;\">CRM Automations & Integrations\u003C\u002Fh3>\n \u003Cp style=\"font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;\">We pick the right CRM, wire it into your existing tools, then automate lead capture, follow-up, onboarding, and scoring so nothing slips.\u003C\u002Fp>\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;\">\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">Lead routing\u003C\u002Fspan>\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">Lead scoring\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cspan style=\"margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);\">Learn more\n \u003Csvg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fspan>\n \u003C\u002Fa>\n\n \u003Ca data-reveal data-delay=\"60\" data-card href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\u002F\" style=\"display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;\" style-hover=\"transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;\">\n \u003Cspan data-rail style=\"position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);\">\u003C\u002Fspan>\n \u003Cdiv style=\"display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;\">\n \u003Csvg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\" style=\"display:block;\">\n \u003Crect x=\"4\" y=\"7\" width=\"34\" height=\"26\" rx=\"4\" stroke=\"#071A2B\" stroke-width=\"2\">\u003C\u002Frect>\n \u003Cpath d=\"M4 15 h34\" stroke=\"#071A2B\" stroke-width=\"2\">\u003C\u002Fpath>\n \u003Ccircle cx=\"9\" cy=\"11\" r=\"1.4\" fill=\"#071A2B\">\u003C\u002Fcircle>\n \u003Ccircle cx=\"14\" cy=\"11\" r=\"1.4\" fill=\"#071A2B\">\u003C\u002Fcircle>\n \u003Ccircle cx=\"30\" cy=\"30\" r=\"9\" fill=\"#fff\" stroke=\"#071A2B\" stroke-width=\"2\">\u003C\u002Fcircle>\n \u003Cpath d=\"M36.5 36.5 L44 44\" stroke=\"#071A2B\" stroke-width=\"2.4\" stroke-linecap=\"round\">\u003C\u002Fpath>\n \u003C\u002Fsvg>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;\">02\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;\">Website Design & SEO\u003C\u002Fh3>\n \u003Cp style=\"font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;\">Responsive sites designed around your brand and built to be found. Faster loads, cleaner structure, higher rankings, more visitors who convert.\u003C\u002Fp>\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;\">\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">Technical SEO\u003C\u002Fspan>\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">Conversion design\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cspan style=\"margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);\">Learn more\n \u003Csvg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fspan>\n \u003C\u002Fa>\n\n \u003Ca data-reveal data-delay=\"120\" data-card href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\u002F\" style=\"display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;\" style-hover=\"transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;\">\n \u003Cspan data-rail style=\"position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);\">\u003C\u002Fspan>\n \u003Cdiv style=\"display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;\">\n \u003Csvg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\" style=\"display:block;\">\n \u003Cpath d=\"M32 8 L12 18 H8 a3 3 0 0 0 -3 3 v6 a3 3 0 0 0 3 3 h4 L32 40 Z\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linejoin=\"round\">\u003C\u002Fpath>\n \u003Cpath d=\"M15 31 l2 9 a2.5 2.5 0 0 0 2.4 2 h2.6 a1.8 1.8 0 0 0 1.8 -2.3 L22 34\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linejoin=\"round\">\u003C\u002Fpath>\n \u003Cpath d=\"M38 18 a10 10 0 0 1 0 12\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linecap=\"round\">\u003C\u002Fpath>\n \u003C\u002Fsvg>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;\">03\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;\">Social Media & Ad Campaigns\u003C\u002Fh3>\n \u003Cp style=\"font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;\">Data-driven campaigns across Meta, Instagram, LinkedIn, and Google. Creative, targeting, and performance tracking handled end to end.\u003C\u002Fp>\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;\">\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">Paid social\u003C\u002Fspan>\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">Search & PMax\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cspan style=\"margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);\">Learn more\n \u003Csvg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fspan>\n \u003C\u002Fa>\n\n \u003Ca data-reveal data-card href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\u002F\" style=\"display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;\" style-hover=\"transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;\">\n \u003Cspan data-rail style=\"position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);\">\u003C\u002Fspan>\n \u003Cdiv style=\"display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;\">\n \u003Csvg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\" style=\"display:block;\">\n \u003Cpath d=\"M7 6 v33 a2 2 0 0 0 2 2 h33\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linecap=\"round\">\u003C\u002Fpath>\n \u003Cpath d=\"M16 36 v-9 M25 36 v-17 M34 36 v-11\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linecap=\"round\">\u003C\u002Fpath>\n \u003Cpath d=\"M14 20 L23 12 L30 17 L41 7\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\".38\">\u003C\u002Fpath>\n \u003C\u002Fsvg>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;\">04\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;\">Analytics & Reporting\u003C\u002Fh3>\n \u003Cp style=\"font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;\">Tracking and custom dashboards on the metrics that matter, plus monthly reports with a human reading them. Decisions from data, not guesses.\u003C\u002Fp>\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;\">\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">GA4 & server-side\u003C\u002Fspan>\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">Live dashboards\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cspan style=\"margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);\">Learn more\n \u003Csvg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fspan>\n \u003C\u002Fa>\n\n \u003Ca data-reveal data-delay=\"60\" data-card href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\u002F\" style=\"display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;\" style-hover=\"transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;\">\n \u003Cspan data-rail style=\"position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);\">\u003C\u002Fspan>\n \u003Cdiv style=\"display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;\">\n \u003Csvg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\" style=\"display:block;\">\n \u003Crect x=\"4\" y=\"10\" width=\"28\" height=\"20\" rx=\"3\" stroke=\"#071A2B\" stroke-width=\"2\">\u003C\u
1204002Frect>\n \u003Cpath d=\"M5 12.5 L18 22 L31 12.5\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003C\u002Fpath>\n \u003Cpath d=\"M30 24 h10 a4 4 0 0 1 4 4 v7 a4 4 0 0 1 -4 4 h-6 l-6 5 v-5 h-1 a4 4 0 0 1 -4 -4 v-7 a4 4 0 0 1 4 -4 z\" fill=\"#fff\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linejoin=\"round\">\u003C\u002Fpath>\n \u003Ccircle cx=\"30\" cy=\"31.5\" r=\"1.4\" fill=\"#071A2B\">\u003C\u002Fcircle>\n \u003Ccircle cx=\"35.5\" cy=\"31.5\" r=\"1.4\" fill=\"#071A2B\">\u003C\u002Fcircle>\n \u003Ccircle cx=\"41\" cy=\"31.5\" r=\"1.4\" fill=\"#071A2B\">\u003C\u002Fcircle>\n \u003C\u002Fsvg>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;\">05\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;\">Email & SMS Nurture\u003C\u002Fh3>\n \u003Cp style=\"font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;\">The follow-up most businesses never get around to writing. Sequences that keep you in front of a lead until they're ready to buy.\u003C\u002Fp>\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;\">\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">Drip sequences\u003C\u002Fspan>\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">Win-back flows\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cspan style=\"margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);\">Learn more\n \u003Csvg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fspan>\n \u003C\u002Fa>\n\n \u003Ca data-reveal data-delay=\"120\" data-card href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\u002F\" style=\"display:flex; flex-direction:column; position:relative; padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,34px); border-radius:22px; background:#fff; border:1px solid #E7EEF4; overflow:hidden; color:#071A2B; box-shadow:0 1px 2px rgba(7,26,43,.04); transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;\" style-hover=\"transform:translateY(-8px); box-shadow:0 32px 60px -28px rgba(7,26,43,.34); border-color:#CFE2F6; color:#071A2B;\">\n \u003Cspan data-rail style=\"position:absolute; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#0F76E8,#35C5D8); transition:width .7s cubic-bezier(.2,.8,.2,1);\">\u003C\u002Fspan>\n \u003Cdiv style=\"display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px;\">\n \u003Csvg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\" style=\"display:block;\">\n \u003Cpath d=\"M10 6 h22 a6 6 0 0 1 6 6 v14 a6 6 0 0 1 -6 6 h-11 l-8 7 v-7 h-3 a6 6 0 0 1 -6 -6 v-14 a6 6 0 0 1 6 -6 z\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linejoin=\"round\">\u003C\u002Fpath>\n \u003Cpath d=\"M21 11 L22 16.25 L28.61 16.53 L24.23 20.05 L25.7 25.47 L21 22.4 L16.3 25.47 L17.77 20.05 L13.39 16.53 L19 16.25 Z\" stroke=\"#071A2B\" stroke-width=\"2\" stroke-linejoin=\"round\">\u003C\u002Fpath>\n \u003C\u002Fsvg>\n \u003Cspan style=\"font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.12em; color:#A9BACA;\">06\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"font-family:'Space Grotesk',sans-serif; font-size:24px; line-height:1.16; letter-spacing:-.03em; font-weight:700; margin:0 0 12px;\">Reputation & Reviews\u003C\u002Fh3>\n \u003Cp style=\"font-size:15.5px; line-height:1.65; color:#3C566C; margin:0 0 22px;\">Automated review requests, a monitored profile, and a response process, so the first thing people find about you is your best work.\u003C\u002Fp>\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;\">\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">Review requests\u003C\u002Fspan>\n \u003Cspan style=\"font-size:12.5px; font-weight:600; color:#3D5A72; background:#F5F9FD; border:1px solid #E3EAF0; padding:5px 12px; border-radius:999px; white-space:nowrap;\">Local listings\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cspan style=\"margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:700; white-space:nowrap; color:var(--accent,#0F76E8);\">Learn more\n \u003Csvg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fspan>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Csection id=\"automation\" style=\"position:relative; padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px); background:#071A2B; color:#fff; overflow:hidden;\">\n \u003Cdiv style=\"position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size:80px 80px; mask-image:radial-gradient(ellipse 80% 70% at 50% 0%, #000 10%, transparent 70%); -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0%, #000 10%, transparent 70%);\">\u003C\u002Fdiv>\n \u003Cdiv data-orb style=\"position:absolute; bottom:-220px; left:-140px; width:640px; height:640px; border-radius:50%; background:radial-gradient(circle, rgba(15,118,232,.35), rgba(53,197,216,.12) 45%, rgba(7,26,43,0) 70%); filter:blur(20px);\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"position:relative; max-width:1280px; margin:0 auto;\">\n \u003Cdiv style=\"max-width:760px; margin-bottom:72px;\">\n \u003Cp data-reveal style=\"font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#35C5D8; margin:0 0 18px;\">Marketing automation\u003C\u002Fp>\n \u003Ch2 data-reveal data-delay=\"60\" style=\"font-family:'Space Grotesk',sans-serif; font-size:clamp(28px,3.4vw,56px); line-height:1.05; letter-spacing:-.035em; font-weight:700; margin:0 0 24px; text-wrap:balance;\">\n Every hour spent chasing a lead is an hour you're \u003Cspan style=\"color:#7FD4FF;\">not\u003C\u002Fspan> running your business.\n \u003C\u002Fh2>\n \u003Cp data-reveal data-delay=\"120\" style=\"font-size:18px; line-height:1.7; color:rgba(255,255,255,.85); margin:0; text-wrap:pretty;\">\n We start with a full analysis of how your business actually operates, then build a tailored set of tools around it. More conversions, fewer manual steps, and time back for the work only you can do.\
1204n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); gap:22px; margin-bottom:56px;\">\n \u003Cdiv data-reveal style=\"padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,32px); border-radius:22px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); transition:background .4s ease, transform .4s cubic-bezier(.2,.8,.2,1), border-color .4s ease;\" style-hover=\"background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45); transform:translateY(-6px);\">\n \u003Cdiv style=\"position:relative; width:100%; aspect-ratio:16\u002F10; border-radius:14px; overflow:hidden; margin-bottom:26px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);\">\n \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FmjtNji5hpfOl8a6SMV8z\u002Fmedia\u002F6a751c8bbd6349ece2d3a97c.png\" alt=\"CRM pipeline visualization\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;\">\n \u003C\u002Fdiv>\n \u003Ch3 style=\"font-family:'Space Grotesk',sans-serif; font-size:22px; letter-spacing:-.025em; font-weight:700; margin:0 0 12px;\">Customer Relationship Management\u003C\u002Fh3>\n \u003Cp style=\"font-size:15.5px; line-height:1.65; color:rgba(255,255,255,.9); margin:0;\">Stay organized and current with every lead. We set up a CRM that automates customer engagement, internal tasks, notifications, and sales.\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003Cdiv data-reveal data-delay=\"80\" style=\"padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,32px); border-radius:22px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); transition:background .4s ease, transform .4s cubic-bezier(.2,.8,.2,1), border-color .4s ease;\" style-hover=\"background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45); transform:translateY(-6px);\">\n \u003Cdiv style=\"position:relative; width:100%; aspect-ratio:16\u002F10; border-radius:14px; overflow:hidden; margin-bottom:26px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);\">\n \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FmjtNji5hpfOl8a6SMV8z\u002Fmedia\u002F6a751c8b9a9c7792eaa99aba.png\" alt=\"Connected integration node network\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;\">\n \u003C\u002Fdiv>\n \u003Ch3 style=\"font-family:'Space Grotesk',sans-serif; font-size:22px; letter-spacing:-.025em; font-weight:700; margin:0 0 12px;\">Integration Tools\u003C\u002Fh3>\n \u003Cp style=\"font-size:15.5px; line-height:1.65; color:rgba(255,255,255,.9); margin:0;\">Seamless integrations that pass data between sources. Using tools like Zapier, we connect your platforms so they work hand in hand.\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003Cdiv data-reveal data-delay=\"160\" style=\"padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,32px); border-radius:22px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); transition:background .4s ease, transform .4s cubic-bezier(.2,.8,.2,1), border-color .4s ease;\" style-hover=\"background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45); transform:translateY(-6px);\">\n \u003Cdiv style=\"position:relative; width:100%; aspect-ratio:16\u002F10; border-radius:14px; overflow:hidden; margin-bottom:26px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);\">\n \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FmjtNji5hpfOl8a6SMV8z\u002Fmedia\u002F6a751c8b568ec735244e1c86.png\" alt=\"Conversion analytics dashboard\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;\">\n \u003C\u002Fdiv>\n \u003Ch3 style=\"font-family:'Space Grotesk',sans-serif; font-size:22px; letter-spacing:-.025em; font-weight:700; margin:0 0 12px;\">Conversion Analytics\u003C\u002Fh3>\n \u003Cp style=\"font-size:15.5px; line-height:1.65; color:rgba(255,255,255,.9); margin:0;\">Get more from your ad spend with conversion data sent back to your ad platforms automatically, so they find you the right customers.\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv data-reveal style=\"display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; padding:30px 36px; border-radius:20px; background:linear-gradient(100deg, rgba(15,118,232,.22), rgba(53,197,216,.1)); border:1px solid rgba(127,212,255,.24);\">\n \u003Cp style=\"margin:0; font-size:18px; font-weight:600; letter-spacing:-.015em; color:#EAF4FF;\">Not sure which parts of your funnel are leaking? That's what the audit is for.\u003C\u002Fp>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fget-started\" style=\"display:inline-flex; align-items:center; gap:10px; background:#fff; color:#071A2B; font-size:15px; font-weight:700; padding:14px 26px; border-radius:999px; white-space:nowrap; transition:transform .25s cubic-bezier(.2,.8,.2,1);\" style-hover=\"transform:translateY(-3px); color:#071A2B;\">Get a free audit\n \u003Csvg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Csection style=\"padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px); background:#fff;\">\n \u003Cdiv style=\"max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr)); gap:64px; align-items:center;\">\n \u003Cdiv data-reveal data-tilt-soft style=\"position:relative;\">\n \u003Cdiv style=\"position:absolute; inset:-16px; border-radius:30px; background:linear-gradient(140deg, rgba(15,118,232,.18), rgba(53,197,216,.12) 55%, rgba(255,255,255,0)); filter:blur(22px);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:relative; border-radius:22px; overflow:hidden; border:1px solid #E7EEF4; background:#F8FBFD; box-shadow:0 30px 60px -30px rgba(7,26,43,.35);\">\n \u003Cdiv style=\"display:flex; align-items:center; gap:8px; padding:12px 16px; background:#fff; border-bottom:1px solid #EDF2F7;\">\n \u003Cspan style=\"width:8px; height:8px; border-radius:50%; background:#E0E7EE;\">\u003C\u002Fspan>\n \u003Cspan style=\"width:8px; height:8px; border-radius:50%; background:#E0E7EE;\">\u003C\u002Fspan>\n \u003Cspan style=\"width:8px; height:8px; border-radius:50%; background:#E0E7EE;\">\u003C\u002Fspan>\n \u003Cspan style=\"margin-left:8px; flex:1; height:20px; border-radius:999px; background:#F2F6FA;\">\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"position:relative; width:100%; aspect-ratio:16\u002F11; overflow:hidden; background:#04121E;\">\n \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F6iPIg1dRovy2AcIlr6hm\u002Fmedia\u002F6a75fb66f32575f33e38d8f3.png\" alt=\"Sales Nest CRM website built by Blue Shore Marketing\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top center; display:block;\">\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Ca href=\"https:\u002F\u002Fsalesnest.ai\" target=\"_blank\" rel=\"noopener\" style=\"position:absolute; bottom:-22px; right:-18px; display:inline-flex; align-items:center; gap:9px; background:#071A2B; color:#fff; border-radius:14px; padding:12px 18px; font-size:13px; font-weight:700; letter-spacing:-.01em; box-shadow:0 18px 40px -16px rgba(7,26,43,.5); animation:bsm-float 7s ease-in-out infinite;\" style-hover=\"color:#7FD4FF;\">Recent build: Sales Nest CRM\n \u003Csvg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M3.5 8.5L8.5 3.5M8.5 3.5H4.8M8.5 3.5v3.7\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cp data-reveal style=\"font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent,#0F76E8); margin:0 0 18px;\">Website design\u003C\u002Fp>\n \u003Ch2 data-reveal data-delay=\"60\" style=\"font-family:'Space Grotesk',sans-serif; font-size:clamp(27px,3vw,48px); line-height:1.06; letter-spacing:-.035em; font-weight:700; margin:0 0 22px; text-wrap:balance;\">\n A site that earns its keep.\n \u003C\u002Fh2>\n \u003Cp data-reveal data-delay=\"110\" style=\"font-size:18px; line-height:1.7; color:#3C566C; margin:0 0 30px; text-wrap:pretty;\">\n Our website packages are executed by our own designers and tailored to your business. Bring us the half-formed ideas, the competitor you like, the brand deck nobody finished. We'll pull it together into something that works as hard as you do.\n \u003C\u002Fp>\n \u003Cul data-reveal data-delay=\"160\" style=\"list-style:none; padding:0; margin:0 0 36px; display:grid; gap:14px;\">\n \u003Cli style=\"display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;\">\n \u003Cspan style=\"flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#EAF3FE; display:flex; align-items:center; justify-content:center;\">\u003Csvg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 6.5L4.5 9 10 3\" stroke=\"#0F76E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n Custom design, no recycled templates\n \u003C\u002Fli>\n \u003Cli style=\"display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;\">\n \u003Cspan style=\"flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#EAF3FE; display:flex; align-items:center; justify-content:center;\">\u003Csvg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 6.5L4.5 9 10 3\" stroke=\"#0F76E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n Wired to your CRM and tracking from day one\n \u003C\u002Fli>\n \u003Cli style=\"display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;\">\n \u003Cspan style=\"flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#EAF3FE; display:flex; align-items:center; justify-content:center;\">\u003Csvg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 6.5L4.5 9 10 3\" stroke=\"#0F76E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n You own the site and every account behind it\n \u003C\u002Fli>\n \u003C\u002Ful>\n \u003Ca data-reveal data-delay=\"210\" href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fget-started\" style=\"display:inline-flex; align-items:center; gap:10px; background:#071A2B; color:#fff; font-size:16px; font-weight:700; padding:16px 28px; border-radius:999px; white-space:nowrap; transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;\" style-hover=\"transform:translateY(-3px); box-shadow:0 18px 36px rgba(7,26,43,.26); color:#fff;\">Get started\n \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"#7FD4FF\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Csection id=\"salesnest\" style=\"position:relative; padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px);
1204 background:linear-gradient(165deg,#F0F8FD 0%,#E4F2FB 46%,#F7FBFE 100%); overflow:hidden;\">\n \u003Cdiv data-orb style=\"position:absolute; top:-180px; right:-160px; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle at 40% 40%, rgba(53,197,216,.3), rgba(15,118,232,.12) 48%, rgba(255,255,255,0) 72%); filter:blur(16px); pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute; inset:0; background-image:linear-gradient(rgba(7,26,43,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(7,26,43,.04) 1px, transparent 1px); background-size:72px 72px; mask-image:radial-gradient(ellipse 75% 70% at 50% 40%, #000 15%, transparent 76%); -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 40%, #000 15%, transparent 76%); pointer-events:none;\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"position:relative; max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr)); gap:clamp(40px,5vw,72px); align-items:center;\">\n \u003Cdiv>\n \u003Cp data-reveal style=\"font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent,#0F76E8); margin:0 0 18px;\">Our platform\u003C\u002Fp>\n \u003Ch2 data-reveal data-delay=\"60\" style=\"font-family:'Space Grotesk',sans-serif; font-size:clamp(27px,3.2vw,50px); line-height:1.05; letter-spacing:-.035em; font-weight:700; margin:0 0 22px; color:#071A2B; text-wrap:balance;\">\n The CRM everything else plugs into.\n \u003C\u002Fh2>\n \u003Cp data-reveal data-delay=\"110\" style=\"font-size:18px; line-height:1.7; color:#3C566C; margin:0 0 32px; text-wrap:pretty;\">\n Sales Nest is our own CRM. One place where the lead lands, gets worked, and gets counted, instead of four tools that don't talk to each other. Use it on its own, or have us build your whole system around it.\n \u003C\u002Fp>\n \u003Cul data-reveal data-delay=\"160\" style=\"list-style:none; padding:0; margin:0 0 36px; display:grid; gap:14px;\">\n \u003Cli style=\"display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;\">\n \u003Cspan style=\"flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#DCEEFB; display:flex; align-items:center; justify-content:center;\">\u003Csvg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 6.5L4.5 9 10 3\" stroke=\"#0F76E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n Every lead in one pipeline: calls, forms, texts, and ads\n \u003C\u002Fli>\n \u003Cli style=\"display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;\">\n \u003Cspan style=\"flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#DCEEFB; display:flex; align-items:center; justify-content:center;\">\u003Csvg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 6.5L4.5 9 10 3\" stroke=\"#0F76E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n Follow-up that fires on its own, by text and email\n \u003C\u002Fli>\n \u003Cli style=\"display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#2E4759;\">\n \u003Cspan style=\"flex:none; margin-top:3px; width:20px; height:20px; border-radius:50%; background:#DCEEFB; display:flex; align-items:center; justify-content:center;\">\u003Csvg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 6.5L4.5 9 10 3\" stroke=\"#0F76E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n Reporting that ties spend to booked revenue\n \u003C\u002Fli>\n \u003C\u002Ful>\n \u003Cdiv data-reveal data-delay=\"210\" style=\"display:flex; align-items:center; gap:14px; flex-wrap:wrap;\">\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fget-started\" style=\"display:inline-flex; align-items:center; gap:10px; background:#071A2B; color:#fff; font-size:16px; font-weight:700; padding:16px 28px; border-radius:999px; white-space:nowrap; transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;\" style-hover=\"transform:translateY(-3px); box-shadow:0 18px 36px rgba(7,26,43,.26); color:#fff;\">See it on your business\n \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"#7FD4FF\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv data-reveal data-delay=\"140\" style=\"position:relative;\">\n \u003Cdiv style=\"position:absolute; inset:-16px; border-radius:32px; background:linear-gradient(150deg, rgba(15,118,232,.16), rgba(53,197,216,.14) 55%, rgba(255,255,255,0)); filter:blur(22px); pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:relative; border-radius:24px; background:linear-gradient(165deg,#0B2237 0%,#071A2B 55%,#04121E 100%); border:1px solid rgba(255,255,255,.1); box-shadow:0 40px 80px -32px rgba(7,26,43,.5); overflow:hidden;\">\n \u003Cdiv style=\"position:absolute; top:-140px; right:-120px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(53,197,216,.3), rgba(7,26,43,0) 68%); filter:blur(14px); pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; padding:clamp(44px,6vw,66px) clamp(28px,4vw,44px);\">\n \u003Cimg data-salesnest-logo src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FLBcWqBpKtg14njV1AjRS\u002Fmedia\u002F6a67996657fcdd70c2efd0e4.png\" alt=\"Sales Nest\" style=\"width:min(72%,290px); height:auto; display:block; margin-bottom:clamp(26px,3.5vw,34px);\">\n \u003Cp style=\"margin:0 0 clamp(30px,4vw,38px); font-size:16.5px; line-height:1.65; color:rgba(255,255,255,.78); max-width:330px; text-wrap:pretty;\">Open any contact and see every call, text, form, and follow-up in one timeline. No guessing who spoke to them last.\u003C\u002Fp>\n \u003Ca href=\"https:\u002F\u002Fsalesnest.ai\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex; align-items:center; gap:10px; background:#fff; color:#071A2B; font-size:16px; font-weight:700; padding:16px 30px; border-radius:999px; white-space:nowrap; box-shadow:0 16px 34px -14px rgba(0,0,0,.6); transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;\" style-hover=\"transform:translateY(-3px); box-shadow:0 22px 44px -14px rgba(0,0,0,.7); color:#071A2B;\">Try the CRM\n \u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M3.5 8.5L8.5 3.5M8.5 3.5H4.8M8.5 3.5v3.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fsalesnest.ai\u002Ffree-tools\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex; align-items:center; gap:9px; margin-top:22px; font-size:15px; font-weight:700; color:#7FD4FF; transition:color .22s ease;\" style-hover=\"color:#fff;\">See free tools\n \u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Csection id=\"process\" style=\"position:relative; padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px); background:linear-gradient(180deg,#0B2237 0%,#0E3453 55%,#0B2237 100%); color:#fff; overflow:clip;\">\n \u003Cdiv style=\"position:absolute; inset:0; background-image:repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 1px, transparent 1px 90px); pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv data-orb style=\"position:absolute; top:-140px; right:-160px; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle, rgba(53,197,216,.3), rgba(11,34,55,0) 68%); filter:blur(16px); pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute; bottom:-180px; left:-120px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(15,118,232,.28), rgba(11,34,55,0) 68%); filter:blur(18px); animation:bsm-drift 16s ease-in-out infinite; pointer-events:none;\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"position:relative; max-width:1280px; margin:0 auto;\">\n \u003Cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr)); gap:48px; align-items:end; margin-bottom:66px;\">\n \u003Cdiv>\n \u003Cp data-reveal style=\"font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#35C5D8; margin:0 0 18px;\">How we work\u003C\u002Fp>\n \u003Ch2 data-reveal data-delay=\"60\" style=\"font-family:'Space Grotesk',sans-serif; font-size:clamp(28px,3.2vw,52px); line-height:1.05; letter-spacing:-.035em; font-weight:700; margin:0; text-wrap:balance;\">\n Six steps. You always know \u003Cspan style=\"color:#7FD4FF;\">which one\u003C\u002Fspan> you're in.\n \u003C\u002Fh2>\n \u003C\u002Fdiv>\n \u003Cp data-reveal data-delay=\"120\" style=\"font-size:18px; line-height:1.7; color:rgba(255,255,255,.9); margin:0; text-wrap:pretty;\">\n Tailored to your business, but never improvised. The same disciplined path from first audit to training your staff, with a named owner and a date on every stage.\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv data-stepper style=\"display:grid; grid-template-columns:minmax(280px,360px) 1fr; gap:clamp(24px,3vw,44px); align-items:start;\">\n \u003Cdiv data-step-nav data-reveal style=\"display:flex; flex-direction:column; gap:6px;\">\n \u003Cbutton data-step-btn type=\"button\" style=\"appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;\">\n \u003Cspan data-btn-num style=\"font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;\">01\u003C\u002Fspan>\n \u003Cspan data-btn-label style=\"font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;\">Technical Audit & Analysis\u003C\u002Fspan>\n \u003Cspan style=\"grid-column:1\u002F-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;\">\u003Cspan data-btn-fill style=\"display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);\">\u003C\u002Fspan>\u003C\u002Fspan>\n \u003C\u002Fbutton>\n \u003Cbutton data-step-btn type=\"button\" style=\"appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;\">\n \u003Cspan data-btn-num style=\"font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;\">02\u003C\u002Fspan>\n \u003Cspan data-btn-label style=\"font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;\">Review Strategies\u003C\u002Fspan>\n \u003Cspan style=\"grid-column:1\u002F-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;\">\u003Cspan data-btn-fill style=\"display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);\">\u003C\u002Fspan>\u003C\u002Fspan>\n \u003C\u002Fbutton>\n \u003Cbutton data-step-btn type=\"button\" style=\"appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;\">\n \u003Cspan data-btn-num style=\"font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;\">03\u003C\u002Fspan>\n \u003Cspan data-btn-label style=\"font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;\">Tailored Plan & Timeline\u003C\u002Fspan>\n \u003Cspan style=\"grid-column:1\u002F-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;\">\u003Cspan data-btn-fill style=\"display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);\">\u003C\u002Fspan>\u003C\u002Fspan>\n \u003C\u002Fbutton>\n \u003Cbutton data-step-btn type=\"button\" style=\"appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;\">\n \u003Cspan data-btn-num style=\"font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;\">04\u003C\u002Fspan>\n \u003Cspan data-btn-label style=\"font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;\">Implementation\u003C\u002Fspan>\n \u003Cspan style=\"grid-column:1\u002F-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;\">\u003Cspan data-btn-fill style=\"display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);\">\u003C\u002Fspan>\u003C\u002Fspan>\n \u003C\u002Fbutton>\n \u003Cbutton data-step-btn type=\"button\" style=\"appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;\">\n \u003Cspan data-btn-num style=\"font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;\">05\u003C\u002Fspan>\n \u003Cspan data-btn-label style=\"font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;\">End-to-End Testing\u003C\u002Fspan>\n \u003Cspan style=\"grid-column:1\u002F-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;\">\u003Cspan data-btn-fill style=\"display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);\">\u003C\u002Fspan>\u003C\u002Fspan>\n \u003C\u002Fbutton>\n \u003Cbutton data-step-btn type=\"button\" style=\"
1204appearance:none; -webkit-appearance:none; cursor:pointer; text-align:left; width:100%; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; padding:15px 18px; border-radius:14px; background:transparent; border:1px solid transparent; font-family:Manrope,sans-serif; transition:background .35s ease, border-color .35s ease;\">\n \u003Cspan data-btn-num style=\"font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; color:rgba(255,255,255,.35); transition:color .35s ease;\">06\u003C\u002Fspan>\n \u003Cspan data-btn-label style=\"font-size:16px; font-weight:700; letter-spacing:-.015em; color:rgba(255,255,255,.9); transition:color .35s ease;\">Training & Support\u003C\u002Fspan>\n \u003Cspan style=\"grid-column:1\u002F-1; height:2px; border-radius:999px; background:rgba(255,255,255,.09); overflow:hidden; margin-top:6px;\">\u003Cspan data-btn-fill style=\"display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#0F76E8,#7FD4FF);\">\u003C\u002Fspan>\u003C\u002Fspan>\n \u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\n \u003Cdiv data-reveal data-delay=\"80\" style=\"position:relative; border-radius:26px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); padding:clamp(30px,3.4vw,46px); overflow:hidden; min-height:420px;\">\n \u003Cspan data-panel-ghost style=\"position:absolute; top:-30px; right:14px; font-family:'Space Grotesk',sans-serif; font-size:190px; font-weight:700; line-height:1; letter-spacing:-.06em; color:rgba(127,212,255,.07); pointer-events:none; user-select:none;\">01\u003C\u002Fspan>\n\n \u003Cdiv data-step-panel style=\"position:relative;\">\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px;\">\n \u003Cspan style=\"font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#7FD4FF; background:rgba(127,212,255,.12); border:1px solid rgba(127,212,255,.28); padding:6px 14px; border-radius:999px;\">Step 01\u003C\u002Fspan>\n \u003Cspan style=\"font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.82); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); padding:6px 14px; border-radius:999px;\">Week 1\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"font-family:'Space Grotesk',sans-serif; font-size:clamp(24px,2.5vw,38px); line-height:1.1; letter-spacing:-.035em; font-weight:700; margin:0 0 18px;\">Technical Audit & Analysis\u003C\u002Fh3>\n \u003Cp style=\"font-size:18px; line-height:1.7; color:rgba(255,255,255,.9); margin:0 0 30px; max-width:600px; text-wrap:pretty;\">We dig into how your business actually performs: the site, the tracking, the follow-up. Then we surface the structural issues and set a solid foundation before anything gets built.\u003C\u002Fp>\n \u003Cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:12px;\">\n \u003Cdiv style=\"display:flex; align-items:flex-start; gap:11px; padding:16px 18px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); font-size:15px; line-height:1.45; color:rgba(255,255,255,.9);\">\u003Cspan style=\"flex:none; margin-top:2px;\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 6.5L4.5 9 10 3\" stroke=\"#7FD4FF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>Full site & funnel audit\u003C\u002Fdiv>\n \u003Cdiv style=\"display:flex; align-items:flex-start; gap:11px; padding:16px 18px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); font-size:15px; line-height:1.45; color:rgba(255,255,255,.9);\">\u003Cspan style=\"flex:none; margin-top:2px;\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 6.5L4.5 9 10 3\" stroke=\"#7FD4FF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>Tracking gap report\u003C\u002Fdiv>\n \u003Cdiv style=\"display:flex; align-items:flex-start; gap:11px; padding:16px 18px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); font-size:15px; line-height:1.45; color:rgba(255,255,255,.9);\">\u003Cspan style=\"flex:none; margin-top:2px;\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 6.5L4.5 9 10 3\" stroke=\"#7FD4FF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>Prioritized fix list\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv data-reveal style=\"margin-top:56px; display:flex; justify-content:center;\">\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fget-started\" style=\"display:inline-flex; align-items:center; gap:10px; background:#fff; color:#071A2B; font-size:16px; font-weight:700; padding:17px 30px; border-radius:999px; white-space:nowrap; transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;\" style-hover=\"transform:translateY(-3px); box-shadow:0 20px 40px -14px rgba(0,0,0,.5); color:#071A2B;\">Start with step one\n \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Csection id=\"about\" style=\"position:relative; padding:clamp(72px,10vw,130px) clamp(20px,4vw,32px); background:linear-gradient(180deg,#FFFFFF 0%,#F1F7FC 55%,#FFFFFF 100%); overflow:hidden;\">\n \u003Cdiv data-orb style=\"position:absolute; bottom:-140px; right:-140px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(53,197,216,.22), rgba(255,255,255,0) 68%); filter:blur(14px); pointer-events:none;\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"position:relative; max-width:1280px; margin:0 auto;\">\n \u003Cdiv style=\"max-width:840px; margin-bottom:64px;\">\n \u003Cp data-reveal style=\"font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent,#0F76E8); margin:0 0 18px;\">Our story\u003C\u002Fp>\n \u003Ch2 data-reveal data-delay=\"60\" style=\"font-family:'Space Grotesk',sans-serif; font-size:clamp(28px,3.6vw,58px); line-height:1.04; letter-spacing:-.04em; font-weight:700; margin:0; text-wrap:balance;\">\n We got tired of watching good businesses lose leads in the gaps between agencies.\n \u003C\u002Fh2>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr)); gap:56px; align-items:stretch;\">\n \u003Cdiv data-reveal data-delay=\"80\" style=\"display:flex; flex-direction:column; gap:26px;\">\n \u003Cdiv style=\"display:grid; gap:14px; grid-template-rows:repeat(3,1fr); flex:1;\">\n \u003Cdiv style=\"display:flex; flex-direction:column; justify-content:center; padding:clamp(20px,4vw,24px) clamp(19px,3.6vw,26px); border-radius:18px; background:#fff; border:1px solid #E7EEF4; transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;\" style-hover=\"transform:translateY(-4px); box-shadow:0 24px 48px -26px rgba(7,26,43,.3);\">\n \u003Cdiv style=\"font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; letter-spacing:-.025em; margin-bottom:8px;\">Nothing subcontracted\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15.5px; line-height:1.6; color:#4C6883;\">Strategy, build, and reporting come from the same people you met on day one.\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"display:flex; flex-direction:column; justify-content:center; padding:clamp(20px,4vw,24px) clamp(19px,3.6vw,26px); border-radius:18px; background:#fff; border:1px solid #E7EEF4; transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;\" style-hover=\"transform:translateY(-4px); box-shadow:0 24px 48px -26px rgba(7,26,43,.3);\">\n \u003Cdiv style=\"font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; letter-spacing:-.025em; margin-bottom:8px;\">Any industry\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15.5px; line-height:1.6; color:#4C6883;\">Service businesses, e-commerce, B2B. We've built the system for all three.\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"display:flex; flex-direction:column; justify-content:center; padding:clamp(20px,4vw,24px) clamp(19px,3.6vw,26px); border-radius:18px; background:#fff; border:1px solid #E7EEF4; transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;\" style-hover=\"transform:translateY(-4px); box-shadow:0 24px 48px -26px rgba(7,26,43,.3);\">\n \u003Cdiv style=\"font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; letter-spacing:-.025em; margin-bottom:8px;\">No lock-in\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15.5px; line-height:1.6; color:#4C6883;\">Every account, asset, and login stays in your name. Always.\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"display:flex; flex-direction:column; gap:22px; padding-left:26px; border-left:2px solid #DFE9F2;\">\n \u003Cblockquote data-reveal data-delay=\"100\" style=\"margin:0 0 4px; font-family:'Instrument Serif',serif; font-style:italic; font-size:clamp(26px,2.4vw,34px); line-height:1.28; color:#071A2B; letter-spacing:-.02em; text-wrap:pretty;\">\n âIf you can't see where a lead came from, you don't have a marketing strategy. You have a hobby.â\n \u003C\u002Fblockquote>\n \u003Cp data-reveal data-delay=\"120\" style=\"font-size:19px; line-height:1.72; color:#2E4759; margin:0; text-wrap:pretty;\">\n Blue Shore started when a group of specialists (CRM, paid media, SEO, design) kept meeting the same problem from different sides. A business would have four vendors, four invoices, and no one who could answer where the leads were actually going.\n \u003C\u002Fp>\n \u003Cp data-reveal data-delay=\"180\" style=\"font-size:19px; line-height:1.72; color:#2E4759; margin:0; text-wrap:pretty;\">\n So we built one team that owns the whole chain, from the first audit to the report you read next quarter. Today
1204we work with businesses across industries and sizes, taking a strategic, data-driven approach to every engagement. No single playbook, just the parts of it your business actually needs.\n \u003C\u002Fp>\n \u003Ca data-reveal data-delay=\"300\" href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fabout\u002F\" style=\"align-self:flex-start; display:inline-flex; align-items:center; gap:10px; font-size:16px; font-weight:700; color:#071A2B; border-bottom:2px solid var(--accent,#0F76E8); padding-bottom:3px; white-space:nowrap;\" style-hover=\"color:var(--accent,#0F76E8);\">Read the full story\n \u003Csvg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Csection id=\"testimonials\" style=\"position:relative; padding:clamp(68px,9vw,120px) clamp(20px,4vw,32px); background:linear-gradient(180deg,#0B2237 0%,#0E3453 55%,#0B2237 100%); color:#fff; overflow:clip;\">\n \u003Cdiv style=\"position:absolute; inset:0; background-image:repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 1px, transparent 1px 90px); pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv data-orb style=\"position:absolute; top:-170px; left:-150px; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle, rgba(53,197,216,.26), rgba(11,34,55,0) 68%); filter:blur(16px); pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:relative; max-width:1280px; margin:0 auto;\">\n \u003Cdiv style=\"text-align:center; max-width:660px; margin:0 auto 60px;\">\n \u003Cp data-reveal style=\"font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#35C5D8; margin:0 0 18px;\">Client feedback\u003C\u002Fp>\n \u003Ch2 data-reveal data-delay=\"60\" style=\"font-family:'Space Grotesk',sans-serif; font-size:clamp(27px,3vw,48px); line-height:1.06; letter-spacing:-.035em; font-weight:700; margin:0; text-wrap:balance;\">Five-star ratings across the board.\u003C\u002Fh2>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr)); gap:22px; align-items:stretch;\">\n \u003Cfigure data-reveal style=\"margin:0; padding:clamp(24px,5vw,38px) clamp(22px,4.5vw,34px); border-radius:24px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; gap:22px; transition:transform .4s cubic-bezier(.2,.8,.2,1), background .4s ease, border-color .4s ease;\" style-hover=\"transform:translateY(-6px); background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45);\">\n \u003Cdiv style=\"display:flex; gap:4px;\">\n \u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cblockquote style=\"margin:0; font-size:16.5px; line-height:1.68; color:rgba(255,255,255,.86); letter-spacing:-.005em; text-wrap:pretty;\">âBlue Shore Marketing helped me set up my automations and develop my website for Go High Level. I cannot recommend them highly enough ⦠they took the time to thoroughly explain each step of the configuration process, ensuring I understood everything they were doing. I am extremely satisfied with the results and plan on doing much more business with them in the future.â\u003C\u002Fblockquote>\n \u003Cfigcaption style=\"display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:6px;\">\n \u003Cdiv style=\"width:44px; height:44px; border-radius:50%; background:rgba(127,212,255,.14); border:1px solid rgba(127,212,255,.3); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; color:#7FD4FF; font-size:16px; flex:none;\">TR\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv style=\"font-size:15px; font-weight:800; letter-spacing:-.01em;\">Thomas R.\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px; color:rgba(255,255,255,.7);\">Business Owner\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Ffigcaption>\n \u003C\u002Ffigure>\n\n \u003Cfigure data-reveal data-delay=\"80\" style=\"margin:0; padding:clamp(24px,5vw,38px) clamp(22px,4.5vw,34px); border-radius:24px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; gap:22px; transition:transform .4s cubic-bezier(.2,.8,.2,1), background .4s ease, border-color .4s ease;\" style-hover=\"transform:translateY(-6px); background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45);\">\n \u003Cdiv style=\"display:flex; gap:4px;\">\n \u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cblockquote style=\"margin:0; font-size:16.5px; line-height:1.68; color:rgba(255,255,255,.86); letter-spacing:-.005em; text-wrap:pretty;\">âBlue Shore Marketing is excellent. They're technical, they take the time to understand our needs, and from those needs they make a solid plan. They hit their deadlines and they QA all their work. Beyond that, they're highly communicative and customer service oriented.â\u003C\u002Fblockquote>\n \u003Cfigcaption style=\"display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:6px;\">\n \u003Cdiv style=\"width:44px; height:44px; border-radius:50%; background:rgba(127,212,255,.14); border:1px solid rgba(127,212,255,.3); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; color:#7FD4FF; font-size:16px; flex:none;\">JS\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv style=\"font-size:15px; font-weight:800; letter-spacing:-.01em;\">Jason S.\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px; color:rgba(255,255,255,.7);\">Operations Director\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Ffigcaption>\n \u003C\u002Ffigure>\n\n \u003Cfigure data-reveal data-delay=\"160\" style=\"margin:0; padding:clamp(24px,5vw,38px) clamp(22px,4.5vw,34px); border-radius:24px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; gap:22px; transition:transform .4s cubic-bezier(.2,.8,.2,1), background .4s ease, border-color .4s ease;\" style-hover=\"transform:translateY(-6px); background:rgba(255,255,255,.08); border-color:rgba(127,212,255,.45);\">\n \u003Cdiv style=\"display:flex; gap:4px;\">\n \u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\u003Cspan style=\"color:#FFB020; font-size:18px;\">â
\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cblockquote style=\"margin:0; font-size:16.5px; line-height:1.68; color:rgba(255,255,255,.86); letter-spacing:-.005em; text-wrap:pretty;\">âWe came to Blue Shore Marketing with a website that looked fine and did nothing. They rebuilt it, connected it to our CRM, and finally set up the follow-up we'd been meaning to write for two years. Inquiries stopped falling through the cracks almost immediately, and for the first time I can actually see where our leads come from.â\u003C\u002Fblockquote>\n \u003Cfigcaption style=\"display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:6px;\">\n \u003Cdiv style=\"width:44px; height:44px; border-radius:50%; background:rgba(127,212,255,.14); border:1px solid rgba(127,212,255,.3); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; color:#7FD4FF; font-size:16px; flex:none;\">SD\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv style=\"font-size:15px; font-weight:800; letter-spacing:-.01em;\">Sarah D.\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px; color:rgba(255,255,255,.7);\">Founder\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Ffigcaption>\n \u003C\u002Ffigure>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Csection style=\"padding:clamp(68px,9vw,120px) clamp(20px,4vw,32px) clamp(72px,10vw,130px); background:#fff;\">\n \u003Cdiv style=\"max-width:1280px; margin:0 auto; text-align:center;\">\n \u003Ch2 data-reveal style=\"font-family:'Space Grotesk',sans-serif; font-size:clamp(31px,4.4vw,68px); line-height:1.03; letter-spacing:-.04em; font-weight:700; margin:0 0 24px; text-wrap:balance;\">\n Let's find out what your marketing is \u003Cspan style=\"font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; color:var(--accent,#0F76E8);\">leaving on the table\u003C\u002Fspan>.\n \u003C\u002Fh2>\n \u003Cp data-reveal data-delay=\"70\" style=\"font-size:19px; line-height:1.65; color:#3C566C; max-width:560px; margin:0 auto 38px;\">A 30-minute discovery call. We'll look at your funnel, tell you what we'd fix first, and you decide where it goes from there.\u003C\u002Fp>\n \u003Ca data-reveal data-delay=\"130\" href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fget-started\" style=\"display:inline-flex; align-items:center; gap:11px; background:var(--accent,#0F76E8); color:#fff; font-size:17px; font-weight:700; padding:19px 36px; border-radius:999px; white-space:nowrap; box-shadow:0 16px 36px rgba(15,118,232,.32); transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;\" style-hover=\"transform:translateY(-3px); box-shadow:0 24px 50px rgba(15,118,232,.42); color:#fff;\">\n Schedule a call\n \u003Csvg width=\"17\" height=\"17\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Cfooter style=\"background:#071A2B; color:#fff; padding:clamp(52px,8vw,76px) clamp(20px,4vw,32px) 40px;\">\n \u003Cdiv style=\"max-width:1280px; margin:0 auto;\">\n \u003Cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr)); gap:48px; padding-bottom:56px; border-bottom:1px solid rgba(255,255,255,.1);\">\n \u003Cdiv>\n \u003Cdiv style=\"display:flex; align-items:center; margin-bottom:20px;\">\n \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F6iPIg1dRovy2AcIlr6hm\u002Fmedia\u002F6a75fb66f32575f33e38d8ee.png\" alt=\"Blue Shore Marketing\" style=\"height:52px; width:auto; display:block; filter:brightness(0) invert(1);\">\n \u003C\u002Fdiv>\n \u003Cp style=\"font-size:15.5px; line-height:1.65; color:rgba(255,255,255,.82); margin:0 0 20px; max-width:300px;\">Full-service digital marketing out of Miami, Florida. CRM, ads, web, and analytics built by one team.\u003C\u002Fp>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fget-started\" style=\"display:inline-flex; align-items:center; gap:9px; font-size:15px; font-weight:700; color:#7FD4FF;\" style-hover=\"color:#fff;\">Schedule a call\n \u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 8h11M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv style=\"font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:18px;\">Pages\u003C\u002Fdiv>\n \u003Cdiv style=\"display:flex; flex-direction:column; gap:12px;\">\n \u003Ca href=\"#top\" style=\"font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">Home\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\" style=\"font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">Services\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fprocess\" style=\"font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">Process\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fabout\" style=\"font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">About Us\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fget-started\" style=\"font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">Get Started\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fsalesnest.ai\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex; align-items:center; gap:7px; font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">Sales Nest CRM\n \u003Csvg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M3.5 8.5L8.5 3.5M8.5 3.5H4.8M8.5 3.5v3.7\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv style=\"font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:18px;\">Services\u003C\u002Fdiv>\n \u003Cdiv style=\"display:flex; flex-direction:column; gap:12px;\">\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\" style=\"font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">CRM & Automation\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\" style=\"font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">Website & SEO\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\" style=\"font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">Social & Ads\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fservices\" style=\"font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">Analytics & Reporting\u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv style=\"font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:18px;\">Legal\u003C\u002Fdiv>\n \u003Cdiv style=\"display:flex; flex-direction:column; gap:12px;\">\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fterms-conditions\" style=\"font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">Terms & Conditions\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fblueshoremarketing.com\u002Fprivacy-policy\" style=\"font-size:15.5px; color:rgba(255,255,255,.9);\" style-hover=\"color:#fff;\">Privacy Policy\u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"padding-top:28px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:14px; color:rgba(255,255,255,.4);\">\n \u003Cspan>
1204© 2026 Blue Shore Marketing. All rights reserved.\u003C\u002Fspan>\n \u003Cspan>Miami, Florida\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Ffooter>\n\n\u003C\u002Fdiv>\n\n\u003Cscript>\n(function () {\n var _cleanup = [];\n var PROPS = {\"accentColor\":\"#0F76E8\",\"motion\":\"full\"};\n function init() {\n const q = (s) => Array.from(document.querySelectorAll(s));\n _cleanup = [];\n\n const accent = PROPS.accentColor;\n if (accent) document.documentElement.style.setProperty('--accent', accent);\n\n const motion = PROPS.motion || 'full';\n const reduced = motion === 'off' || window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n \u002F\u002F ---- scroll reveal ----\n const items = q('[data-reveal]');\n const show = (el) => {\n el.style.opacity = '1';\n el.style.transform = 'none';\n const rail = el.querySelector && el.querySelector('[data-rail]');\n if (rail) rail.style.width = '100%';\n };\n if (reduced) {\n items.forEach(show);\n } else {\n const dist = motion === 'subtle' ? '14px' : '30px';\n items.forEach((el) => {\n el.style.opacity = '0';\n el.style.transform = 'translate3d(0,' + dist + ',0)';\n el.style.willChange = 'opacity, transform';\n el.style.transition = 'opacity .8s cubic-bezier(.2,.75,.2,1), transform .8s cubic-bezier(.2,.75,.2,1)';\n });\n const io = new IntersectionObserver((entries) => {\n entries.forEach((e) => {\n if (!e.isIntersecting) return;\n const d = parseInt(e.target.getAttribute('data-delay') || '0', 10);\n setTimeout(() => show(e.target), d);\n io.unobserve(e.target);\n });\n }, { rootMargin: '0px 0px -12% 0px', threshold: 0.08 });\n items.forEach((el) => io.observe(el));\n const t = setTimeout(() => items.forEach(show), 4000);\n _cleanup.push(() => { io.disconnect(); clearTimeout(t); });\n }\n\n \u002F\u002F ---- rotating hero word ----\n const rot = document.querySelector('[data-rotator]');\n if (rot) {\n const fitRot = () => { rot.style.minWidth = window.innerWidth \u003C 460 ? '0px' : '186px'; };\n fitRot();\n window.addEventListener('resize', fitRot);\n _cleanup.push(() => window.removeEventListener('resize', fitRot));\n }\n if (rot && !reduced) {\n const words = ['CRM automation', 'ad campaigns', 'websites & SEO', 'email & SMS', 'reporting you can read'];\n let i = 0;\n const iv = setInterval(() => {\n rot.style.opacity = '0';\n rot.style.transform = 'translateY(-6px)';\n setTimeout(() => {\n i = (i + 1) % words.length;\n rot.textContent = words[i];\n rot.style.transform = 'translateY(6px)';\n requestAnimationFrame(() => {\n rot.style.opacity = '1';\n rot.style.transform = 'translateY(0)';\n });\n }, 350);\n }, 2600);\n _cleanup.push(() => clearInterval(iv));\n }\n\n \u002F\u002F ---- scroll-driven effects ----\n const nav = document.querySelector('[data-bar]');\n const orbs = q('[data-orb]');\n const ghost = document.querySelector('[data-ghost]');\n const video = document.querySelector('[data-hero-video]');\n const heroFrame = video && video.closest('[data-reveal]');\n const stepper = document.querySelector('[data-stepper]');\n\n let ticking = false;\n const onScroll = () => {\n if (ticking) return;\n ticking = true;\n requestAnimationFrame(() => {\n const y = window.scrollY || window.pageYOffset;\n if (nav) {\n const on = y > 24;\n nav.style.background = on ? 'rgba(255,255,255,.93)' : 'rgba(255,255,255,.72)';\n nav.style.borderColor = on ? 'rgba(7,26,43,.1)' : 'rgba(7,26,43,.07)';\n nav.style.boxShadow = on ? '0 16px 40px -22px rgba(7,26,43,.45)' : '0 8px 28px -18px rgba(7,26,43,.35)';\n }\n if (stepper) stepper.style.gridTemplateColumns = window.innerWidth \u003C 940 ? '1fr' : 'minmax(280px,360px) 1fr';\n if (!reduced) {\n const vh = window.innerHeight;\n \u002F\u002F (hero frame parallax intentionally omitted, transforming a large\n \u002F\u002F decoding video on every scroll frame causes visible judder)\n orbs.forEac
1204h((o, i) => {\n const r = o.getBoundingClientRect();\n const p = (vh - r.top) \u002F (vh + r.height);\n o.style.transform = 'translate3d(0,' + ((p - 0.5) * (i % 2 ? 60 : -60)).toFixed(1) + 'px,0)';\n });\n if (ghost) {\n const r = ghost.getBoundingClientRect();\n const p = (vh - r.top) \u002F (vh + r.height);\n ghost.style.transform = 'translate3d(' + ((p - 0.5) * -160).toFixed(1) + 'px,0,0)';\n }\n }\n ticking = false;\n });\n };\n window.addEventListener('scroll', onScroll, { passive: true });\n window.addEventListener('resize', onScroll, { passive: true });\n onScroll();\n _cleanup.push(() => {\n window.removeEventListener('scroll', onScroll);\n window.removeEventListener('resize', onScroll);\n });\n\n \u002F\u002F ---- pointer tilt ----\n if (!reduced && motion === 'full') {\n const tilts = q('[data-tilt]');\n const softs = q('[data-tilt-soft]');\n const all = tilts.map((el) => [el, 5]).concat(softs.map((el) => [el, 3]));\n const onMove = (e) => {\n all.forEach(([el, amt]) => {\n const r = el.getBoundingClientRect();\n if (r.bottom \u003C 0 || r.top > window.innerHeight) return;\n const dx = (e.clientX - (r.left + r.width \u002F 2)) \u002F Math.max(1, r.width);\n const dy = (e.clientY - (r.top + r.height \u002F 2)) \u002F Math.max(1, r.height);\n el.style.transition = 'transform .25s ease-out';\n el.style.transform = 'perspective(1200px) rotateY(' + (dx * amt).toFixed(2) + 'deg) rotateX(' + (-dy * amt).toFixed(2) + 'deg)';\n });\n };\n window.addEventListener('mousemove', onMove, { passive: true });\n _cleanup.push(() => window.removeEventListener('mousemove', onMove));\n }\n\n \u002F\u002F ---- free tools dropdown ----\n const dd = document.querySelector('[data-dropdown]');\n if (dd) {\n const ddBtn = dd.querySelector('[data-dd-btn]');\n const ddPanel = dd.querySelector('[data-dd-panel]');\n const ddChev = dd.querySelector('[data-dd-chev]');\n const setOpen = (o) => {\n ddPanel.style.display = o ? 'flex' : 'none';\n if (ddChev) ddChev.style.transform = o ? 'rotate(180deg)' : 'none';\n };\n ddBtn.addEventListener('click', (e) => { e.stopPropagation(); setOpen(ddPanel.style.display !== 'flex'); });\n const away = (e) => { if (!dd.contains(e.target)) setOpen(false); };\n const esc = (e) => { if (e.key === 'Escape') setOpen(false); };\n document.addEventListener('click', away);\n document.addEventListener('keydown', esc);\n _cleanup.push(() => { document.removeEventListener('click', away); document.removeEventListener('keydown', esc); });\n }\n\n \u002F\u002F ---- hero card offset ----\n const heroCard = document.querySelector('[data-hero-card]');\n if (heroCard) {\n const fitCard = () => { heroCard.style.left = window.innerWidth \u003C 1000 ? '0px' : '-28px'; };\n fitCard();\n window.addEventListener('resize', fitCard);\n _cleanup.push(() => window.removeEventListener('resize', fitCard));\n }\n\n \u002F\u002F ---- smooth anchors ----\n \u002F\u002F ---- responsive nav ----\n const bar2 = document.querySelector('header [data-bar]');\n const navEl = bar2 && bar2.querySelector('nav');\n const burger = bar2 && bar2.querySelector('[data-burger]');\n if (bar2 && navEl && burger) {\n const navCss = navEl.getAttribute('style') || '';\n const ddP = bar2.querySelector('[data-dd-panel]');\n const ddCss = ddP ? (ddP.getAttribute('style') || '') : '';\n const cta = navEl.querySelector('a[href*=\"get-started\"]');\n const ctaCss = cta ? (cta.getAttribute('style') || '') : '';\n let navOpen = false;\n let narrowNow = null;\n const navKids = Array.from(navEl.querySelectorAll('a,[data-dd-btn]')).filter((el) => el !== cta).map((el) => [el, el.style.padding]);\n const applyNav = () => {\n const narrow = window.innerWidth \u003C 1000;\n if (narrow) {\n burger.style.display = 'inline-flex';\n burger.style.marginLeft = '10px';
1204\n if (cta && cta.parentElement !== bar2) {\n bar2.insertBefore(cta, burger);\n cta.setAttribute('style', ctaCss + ' font-size:14px; padding:14px 18px; margin-left:auto;');\n }\n navEl.setAttribute('style', 'display:' + (navOpen ? 'flex' : 'none') + '; flex-direction:column; align-items:stretch; gap:2px; position:absolute; top:calc(100% + 10px); left:0; right:0; padding:12px; border-radius:20px; background:rgba(255,255,255,.98); border:1px solid #E4EDF5; box-shadow:0 26px 54px -22px rgba(7,26,43,.4); z-index:6;');\n navKids.forEach(([el]) => { el.style.padding = '13px 14px'; });\n if (ddP) ddP.setAttribute('style', ddP.style.display === 'flex' ? 'display:flex; flex-direction:column; gap:2px; position:static; min-width:0; padding:2px 0 6px; background:transparent; border:none; box-shadow:none;' : 'display:none;');\n } else {\n burger.style.display = 'none';\n burger.style.marginLeft = 'auto';\n navOpen = false;\n navEl.setAttribute('style', navCss);\n navKids.forEach(([el, p]) => { el.style.padding = p; });\n if (ddP) ddP.setAttribute('style', ddCss);\n if (cta && cta.parentElement !== navEl) { navEl.appendChild(cta); cta.setAttribute('style', ctaCss); }\n }\n narrowNow = narrow;\n };\n burger.addEventListener('click', (e) => { e.stopPropagation(); navOpen = !navOpen; applyNav(); });\n navEl.addEventListener('click', (e) => {\n if (window.innerWidth \u003C 1000 && e.target.closest('a')) { navOpen = false; applyNav(); }\n });\n window.addEventListener('resize', applyNav);\n applyNav();\n _cleanup.push(() => window.removeEventListener('resize', applyNav));\n }\n\n \u002F\u002F ---- gantt stacking on narrow screens ----\n const gbars = q('[data-gantt]');\n if (gbars.length) {\n const ghead = document.querySelector('[data-gantt-head]');\n const applyGantt = () => {\n const narrow = window.innerWidth \u003C 760;\n gbars.forEach((b) => {\n const row = b.parentElement && b.parentElement.parentElement;\n if (row) row.style.gridTemplateColumns = narrow ? '1fr' : 'clamp(0px,14vw,190px) 1fr';\n });\n if (ghead) ghead.style.paddingLeft = narrow ? '0px' : 'clamp(0px,14vw,190px)';\n };\n window.addEventListener('resize', applyGantt);\n applyGantt();\n _cleanup.push(() => window.removeEventListener('resize', applyGantt));\n }\n\n \u002F\u002F ---- full-bleed escape (for embedding in a themed container) ----\n const bleed = document.querySelector('[data-bleed]');\n if (bleed) {\n const fitBleed = () => {\n bleed.style.width = '';\n bleed.style.marginLeft = '';\n bleed.style.marginRight = '';\n const r = bleed.getBoundingClientRect();\n const docW = document.documentElement.clientWidth;\n if (Math.abs(r.width - docW) > 1 || Math.abs(r.left) > 1) {\n bleed.style.width = docW + 'px';\n bleed.style.marginLeft = (-r.left) + 'px';\n bleed.style.marginRight = '0px';\n }\n };\n fitBleed();\n window.addEventListener('resize', fitBleed);\n window.addEventListener('load', fitBleed);\n _cleanup.push(() => { window.removeEventListener('resize', fitBleed); window.removeEventListener('load', fitBleed); });\n }\n\n const onClick = (e) => {\n const a = e.target.closest && e.target.closest('a[href^=\"#\"]');\n if (!a) return;\n const id = a.getAttribute('href').slice(1);\n const target = document.getElementById(id);\n if (!target) return;\n e.preventDefault();\n window.scrollTo({ top: target.getBoundingClientRect().top + window.scrollY - 72, behavior: reduced ? 'auto' : 'smooth' });\n };\n document.addEventListener('click', onClick);\n _cleanup.push(() => document.removeEventListener('click', onClick));\n\n \u002F\u002F ---- process stepper ----\n if (stepper) {\n const STEPS = [\n { n: '01', when: 'Week 1', title: 'Technical Audit & Analysis',\n body: 'We dig into how your business actually performs: the site, the tracking, the follow-up. Then we surface the structural issues and set a solid foundation before anything gets built.',\n items: ['Full site & funnel audit', 'Tracking gap report', 'Prioritized fix list'] },\n { n: '02', when: 'Week 1-2', title: 'Review Strategies',\n body: 'We analyze what you\\u2019re already running, find the opportunities being missed, and refine the approach so the budget goes where it returns.',\n items: ['Channel performance review', 'Spend efficie
1204ncy read', 'Opportunity shortlist'] },\n { n: '03', when: 'Week 2', title: 'Tailored Plan & Timeline',\n body: 'A custom strategy with real dates attached, so you know what happens in week two and what happens in month three, and who owns each piece.',\n items: ['Scoped roadmap', 'A named owner per stage', 'Dated milestones'] },\n { n: '04', when: 'Weeks 3-8', title: 'Implementation',\n body: 'SEO, campaign setup, CRM builds, integrations. All the hands-on work that brings the strategy to life, done by the same team that planned it.',\n items: ['Website & SEO build', 'CRM + automations wired', 'Campaigns launched'] },\n { n: '05', when: 'Pre-launch', title: 'End-to-End Testing',\n body: 'Every platform and channel gets tested before launch: the forms fire, the data lands where it should, and nothing quietly breaks a month later.',\n items: ['Form & lead routing tests', 'Conversion tracking QA', 'Cross-device checks'] },\n { n: '06', when: 'Ongoing', title: 'Training & Support',\n body: 'Ongoing guidance so your team masters the tools. You should be able to run this without us. that\\u2019s the point of building it properly.',\n items: ['Team walkthroughs', 'Written documentation', 'Monthly reporting'] }\n ];\n const CHECK = '\u003Cspan style=\"flex:none; margin-top:2px;\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\u003Cpath d=\"M2 6.5L4.5 9 10 3\" stroke=\"#7FD4FF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>';\n const btns = q('[data-step-btn]');\n const panel = document.querySelector('[data-step-panel]');\n const ghostNum = document.querySelector('[data-panel-ghost]');\n const chips = panel.querySelectorAll(':scope > div:first-child > span');\n const h3 = panel.querySelector('h3');\n const body = panel.querySelector('p');\n const cells = panel.querySelectorAll(':scope > div:last-child > div');\n let cur = 0, auto = null, stopped = false;\n const DUR = 7000;\n\n const paint = (i) => {\n const s = STEPS[i];\n cur = i;\n btns.forEach((b, j) => {\n const on = j === i;\n const num = b.querySelector('[data-btn-num]');\n const lab = b.querySelector('[data-btn-label]');\n const fill = b.querySelector('[data-btn-fill]');\n b.style.background = on ? 'rgba(255,255,255,.07)' : 'transparent';\n b.style.borderColor = on ? 'rgba(127,212,255,.35)' : 'transparent';\n num.style.color = on ? '#7FD4FF' : 'rgba(255,255,255,.72)';\n lab.style.color = on ? '#fff' : 'rgba(255,255,255,.88)';\n fill.style.transition = 'none';\n fill.style.width = on ? '0%' : (j \u003C i ? '100%' : '0%');\n if (on) {\n requestAnimationFrame(() => {\n fill.style.transition = stopped || reduced ? 'width .35s ease' : 'width ' + DUR + 'ms linear';\n fill.style.width = '100%';\n });\n }\n });\n if (ghostNum) ghostNum.textContent = s.n;\n chips[0].textContent = 'Step ' + s.n;\n chips[1].textContent = s.when;\n h3.textContent = s.title;\n body.textContent = s.body;\n cells.forEach((c, k) => { c.innerHTML = CHECK + (s.items[k] || ''); });\n if (!reduced) {\n panel.style.transition = 'none';\n panel.style.opacity = '0';\n panel.style.transform = 'translate3d(0,10px,0)';\n requestAnimationFrame(() => {\n panel.style.transition = 'opacity .45s ease, transform .45s cubic-bezier(.2,.8,.2,1)';\n panel.style.opacity = '1';\n panel.style.transform = 'none';\n });\n }\n };\n\n const start = () => {\n if (stopped || reduced) return;\n clearInterval(auto);\n auto = setInterval(() => paint((cur + 1) % STEPS.length), DUR);\n };\n btns.forEach((b, i) => b.addEventListener('click', () => {\n stopped = true;\n clearInterval(auto);\n paint(i);\n }));\n stepper.addEventListener('mouseenter', () => clearInterval(auto));\n stepper.addEventListener('mouseleave', start);\n paint(0);\n const vis = new IntersectionObserver((es) =>
1204 {\n es.forEach((e) => { if (e.isIntersecting) start(); else clearInterval(auto); });\n }, { threshold: 0.25 });\n vis.observe(stepper);\n _cleanup.push(() => { clearInterval(auto); vis.disconnect(); });\n }\n\n \u002F\u002F ---- newsletter ----\n const form = document.querySelector('[data-newsletter]');\n if (form) {\n const onSubmit = (e) => {\n e.preventDefault();\n const msg = document.querySelector('[data-newsletter-msg]');\n const btn = form.querySelector('button');\n if (btn) { btn.textContent = 'You\\u2019re in \\u2713'; btn.style.background = '#2BC48A'; btn.style.color = '#fff'; }\n if (msg) { msg.textContent = 'Check your inbox to confirm.'; msg.style.color = 'rgba(255,255,255,.7)'; }\n };\n form.addEventListener('submit', onSubmit);\n _cleanup.push(() => form.removeEventListener('submit', onSubmit));\n }\n\n \u002F\u002F ---- silent looping hero video ----\n if (video) {\n video.muted = true;\n video.defaultMuted = true;\n video.loop = true;\n video.playsInline = true;\n video.controls = false;\n video.setAttribute('muted', '');\n video.setAttribute('loop', '');\n video.setAttribute('playsinline', '');\n \u002F\u002F The branded ocean panel is the backdrop; the video fades over it as soon\n \u002F\u002F as it has real frames. File is small, so it loads immediately.\n const fallback = document.querySelector('[data-hero-fallback]');\n const reveal = () => {\n if (!video.videoWidth) return;\n video.style.opacity = '1';\n if (fallback) { fallback.style.transition = 'opacity .45s ease'; fallback.style.opacity = '0'; }\n };\n const tryPlay = () => {\n const p = video.play && video.play();\n if (p && p.catch) p.catch(() => {});\n };\n\n video.addEventListener('loadeddata', () => { reveal(); tryPlay(); });\n video.addEventListener('canplay', () => { reveal(); tryPlay(); });\n video.addEventListener('playing', reveal);\n video.addEventListener('error', () => { video.style.display = 'none'; });\n if (video.readyState >= 2) { reveal(); tryPlay(); }\n tryPlay();\n\n \u002F\u002F Keep it running: pause only when the hero is genuinely off-screen,\n \u002F\u002F and always resume the moment it comes back.\n let offscreen = false;\n const vio = new IntersectionObserver((entries) => {\n entries.forEach((e) => {\n offscreen = !e.isIntersecting;\n if (offscreen) { if (!video.paused) video.pause(); }\n else tryPlay();\n });\n }, { threshold: 0 });\n vio.observe(video);\n\n \u002F\u002F Browsers can silently stall an autoplaying video (tab switch, throttling).\n \u002F\u002F Nudge it back whenever it's visible but not advancing.\n let lastT = -1;\n const watchdog = setInterval(() => {\n if (offscreen || document.hidden) return;\n if (video.paused || video.currentTime === lastT) tryPlay();\n lastT = video.currentTime;\n }, 1000);\n const onVis = () => { if (!document.hidden && !offscreen) tryPlay(); };\n document.addEventListener('visibilitychange', onVis);\n const kick = () => tryPlay();\n document.addEventListener('pointerdown', kick, { once: true });\n _cleanup.push(() => {\n document.removeEventListener('pointerdown', kick);\n document.removeEventListener('visibilitychange', onVis);\n clearInterval(watchdog);\n vio.disconnect();\n });\n }\n }\n if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n else init();\n})();\n\u003C\u002Fscript>\n",{"value":164},[],"ccustom-code-9WZ-Ama1u8","custom-code","c-custom-code",{},[],[],{"title":40,"description":40,"author":40,"imageUrl":40,"isPreviewUrl":36},"blueshoremarketing.com","\u002F","hW5sKSJopzqY3Es36lyL","Home","6iPIg1dRovy2AcIlr6hm",[178],{"id":179,"elements":180,"activeElementId":179},"hl_main_popup-mrzom3tixy",[181],{"extra":182,"class":198,"styles":199,"customCss":202,"id":179,"child":203,"meta":204,"title":205,"tag":40}
1204,{"bgImage":183,"overlayColor":185,"left":187,"popupDisabled":189,"popupHide":190,"minWidth":191,"showPopupOnMouseOut":193,"customClass":195,"position":197},{"value":184},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":27},{"value":186},"var(--overlay)",{"value":188,"unit":72},50,{"value":36},{"value":36},{"value":192},"medium-page",{"value":194,"delay":20},"exit",{"value":196},[],{"value":100},{},{"borderWidth":200},{"value":201},"10px",[],[],"hl_main_popup","Popup","https:\u002F\u002Fstcdn.leadconnectorhq.com\u002Ffunnel\u002Ficon\u002Ffavicon.ico","KZfpqy7E1tPkMj4jYnOW","Blue Shore Marketing","2c3eb966-cdad-4543-8c80-c55d68fc154f",[],{"@context":212,"@graph":213},"https:\u002F\u002Fschema.org",[214],{"@type":215,"name":216},"WebPage","SECTION [section-1skgPVGnvq]",["Reactive",218],{"$snuxt-i18n-meta":219,"$spreviewState":220,"$smetaPixelOptions":373},{},{"defaultSettings":221,"mobileDevice":36,"tabletDevice":36,"funnelId":207,"funnelDomain":172,"stepId":209,"locationId":176,"funnelPageId":174,"locationCode":305,"funnelNextStep":306,"fingerprint":40,"funnelNextPageId":307,"stripePublishableKey":-1,"enablePaymentElement":-1,"merchantLoginId":40,"paypalPublishableKey":40,"merchantAccountId":-1,"stripeAccountId":-1,"isLivePaymentMode":27,"version":308,"funnelSteps":309,"cartItems":351,"funnelName":208,"orderFormVersion":107,"currency":352,"businessCurrency":352,"blogSlug":40,"domain":172,"pageUrl":173,"pageName":175,"pageSeo":353,"affiliateId":-1,"videoExistsInPage":36,"pageType":354,"contactId":-1,"email":-1,"phone":40,"categoryId":40,"blogSearchTerm":40,"categoryUrlSlug":40,"authorSlug":40,"tagSlug":40,"authorId":40,"defaultPaymentProvider":40,"productCollections":355,"ecomSelectedCollection":40,"imageOptimizationEnabled":27,"nmiMerchantGatewayId":40,"squareMerchantGatewayId":40,"mercadoPagoUserId":40,"fontsToLoad":356,"ecomProductId":40,"isGdprCompliant":36,"isOptimisePageLoad":27,"ecommercePage":20,"isBlogActive":36,"blogData":357,"blogPaths":-1,"blogId":207,"allowedCookies":358,"paymentProviderDetails":-1,"events":359,"searchTerm":40,"countryList":360,"pixelToInit":210,"formAction":40,"ecomProduct":361,"requireCreditCard":27,"haveBlogWidget":36,"isFacebookIAB":36,"companyId":362,"customerLoginToken":40,"savedAddresses":363,"savedAddressesLoaded":36,"savedAddressesFailed":36,"cookieConsentList":364,"cookieConsentExpiry":365,"hostCookieConsentData":18,"isHostCookieConsentExpected":36,"mediaFormats":366,"adyenMerchantGatewayId":40,"webinarProperties":18,"webinarSession":18,"userWebinarSession":18,"turnstileToken":40,"turnstileType":368,"turnstileSiteKeys":369,"upsellInFlight":36,"mobileVisibilityDelays":372,"productDetailPageStyles":18,"geoCountry":18,"isCurrencyFormattingEnabled":36},{"typography":222,"background":243,"percentWidth":248,"offsetColor":282,"progressBarSize":295},{"fonts":223,"colors":234},{"headlineFont":224,"contentFont":230},{"id":225,"text":226,"value":227},"headlinefont","Headline font",{"text":228,"value":229},"Inter","var(--inter)",{"id":231,"text":232,"value":233},"contentfont","Content font",{"text":228,"value":229},{"textColor":235,"linkColor":239},{"value":236},{"label":237,"value":238},"var(--black)","#000000",{"value":240},{"label":241,"value":242},"var(--blue)","#188bf6",{"bgImage":244,"backgroundColor":246},{"value":245},{"url":40,"options":42},{"value":247},"var(--white)",[249,252,255,258,261,264,267,270,273,276,279],{"text":250,"value":251},"0 Percent","progress0",{"text":253,"value":254},"10 Percent","progress10",{"text":256,"value":257},"20 Percent","progress20",{"text":259,"value":260},"30 Percent","progress30",{"text":262,"value":263},"40 Percent","progress40",{"text":265,"value":266},"50 Percent","progress50",{"text":268,"value":269},"60 Percent","progress60",{"text":271,"value":272},"70 Percent","progress70",{"text":274,"value":275},"80 Percent","progress80",{"text":277,"value":278},"90 Percent","progress90",{"text":280,"value":281},"100 Percent","progress100",[283,286,289,292],{"text":284,"value":285}
1204,"White","progressbarOffsetWhite",{"text":287,"value":288},"Transparent White","progressbarOffsetTransparentWhite",{"text":290,"value":291},"Black","progressbarOffsetBlack",{"text":293,"value":294},"Transparent Black","progressbarOffsetTransparentBlack",[296,299,302],{"text":297,"value":298},"Small","progressbarSmall",{"text":300,"value":301},"Medium","progressbarMedium",{"text":303,"value":304},"Large","progressbarLarge","US","\u002Fservices","yiWMs9weKKMXkqmLY9SD",4,[310,313,316,322,327,333,339,345],{"url":311,"value":209,"type":312,"sequence":20,"id":174,"name":175,"split":36},"\u002Fhome","optin_funnel_page",{"url":306,"value":314,"type":312,"sequence":107,"id":307,"name":315},"aea755bb-c24f-4f5c-9c6c-30a69888aa85","Services",{"url":317,"value":318,"type":312,"sequence":319,"id":320,"name":321},"\u002Fabout","1c2b4022-8e2a-4378-a3f7-0ca549a091be",3,"EaYTIU6qodMPOlvNlXMh","About",{"url":323,"value":324,"type":312,"sequence":308,"id":325,"name":326},"\u002Fprocess","0c55510a-cb5d-462c-a88f-734fbbfaa473","YV4BTpXzbfaBJyiar05f","Process",{"url":328,"value":329,"type":312,"sequence":330,"id":331,"name":332},"\u002Fget-started","7af70c9a-3b4b-40b9-ab37-8a7e798e360c",5,"2qScPIW64ROZilpSXVBu","Get Started",{"url":334,"value":335,"type":312,"sequence":336,"id":337,"name":338},"\u002F404","5b357dc9-84ae-4a13-aeb2-1d80215e4e1b",6,"3HaqbmsKjBE6QpZUfIx4","404",{"url":340,"value":341,"type":312,"sequence":342,"id":343,"name":344},"\u002Fterms-conditions","b4cd1074-8459-4726-bacd-a87ca4795e75",7,"Ug5oxzFJo5ccsJL7RpZh","Terms & Conditions",{"url":346,"value":347,"type":312,"sequence":348,"id":349,"name":350},"\u002Fprivacy-policy","6e526ddf-4aeb-4b1d-9c16-3ac294cd5fdf",8,"LOhQCbqo6g6R6SBXfTvO","Privacy Policy",[],"USD",{"title":40,"description":40,"imageUrl":40},"website",[],[],{},[],[],[],{},"STZzNeGY8o7dNcjWwqIV",[],[],["Date","2026-10-06T09:20:43.905Z"],{"formats":367},[],"invisible",{"invisibleSiteKey":370,"visibleSiteKey":371},"0x4AAAAAACCpVlau-4k7cJ33","0x4AAAAAACDfuwSBQ2sYO1VD",["Map"],{"pixelID":18,"disabled":36,"track":374,"version":375,"isEnabled":27,"pixelLoaded":36,"manualMode":27,"userData":18,"eventsQueue":376},"PageView","2.0",[],["Set"],["ShallowReactive",379],{"pageData":-1}]</script>
1204<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d56c0fb9091e40fc8f3829f8a67134fa","spa":2}' crossorigin="anonymous"></script>
1204 1205</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.