PageSourceSearch

https://blueshoremarketing.com/

html blueshoremarketing.com collected 2026-10-07 03:15:37 UTC 320,151 bytes, 1,205 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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.