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--inter: 'Inter'; 22--space-grotesk: 'Space Grotesk'; 23--headlinefont: 'Inter'; 24--contentfont: 'Inter'; 25--text-color: #000000; 26--link-color: #188bf6; } .bg-fixed{bottom:0;top:0;left:0;right:0;position:fixed;overflow:auto;background-color:var(--white)} 27 28 .drop-zone-draggable .hl_main_popup{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px} 29 30 31#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;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}} 32 33 .drop-zone-draggable .hl_main_popup-pKgsQrAFrt{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px} 34 35 36#hl_main_popup-pKgsQrAFrt.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;background-color:var(--white);width:720px}.--mobile #hl_main_popup-pKgsQrAFrt.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:480px){#hl_main_popup-pKgsQrAFrt.popup-body{width:380px!important}} 37 /* ---- Section styles ----- */ 38:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-W0trH0psk2,.hl_page-preview--content .row-KiyEK3703Y,.hl_page-preview--content .section--EX727eSv-{box-shadow:none;padding:20px 0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-W0trH0psk2,.hl_page-preview--content .row-KiyEK3703Y{margin:0 auto;padding:10px 5px;width:100%}.hl_page-preview--content .col-W0trH0psk2{margin:0}.hl_page-preview--content .custom-code-jl0Hji6Oj5{margin:0;width:auto;height:auto}.hl_page-preview--content .col-uEze8ch2n2,.hl_page-preview--content .row-8RXvwMWDyl{margin:0 auto;box-shadow:none;padding:10px 5px;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid;width:100%}.hl_page-preview--content .col-uEze8ch2n2{margin:0}.hl_page-preview--content .custom-code-Y6bqB5Wv5O{margin:-40px 0 0;width:auto;height:auto}#section--EX727eSv->.inner{max-width:1170px}#col-W0trH0psk2>.inner,#col-uEze8ch2n2>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} 39 /* ---- Section styles ----- */ 40:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-UgTgn2_Nvm,.hl_page-preview--content .row-pjzlas9GwX,.hl_page-preview--content .section-N9whknnM8m{box-shadow:none;padding:20px 0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-UgTgn2_Nvm,.hl_page-preview--content .row-pjzlas9GwX{margin:0 auto;padding:10px 5px;width:100%}.hl_page-preview--content .col-UgTgn2_Nvm{margin:0}.hl_page-preview--content .custom-code-A6A3ydJWUI{margin:-80px 0 0;width:auto;height:auto}#section-N9whknnM8m>.inner{max-width:1170px}#col-UgTgn2_Nvm>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} 41 /* ---- Section styles ----- */ 42:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-tMEGCNuARw,.hl_page-preview--content .row-gIrdmk3TqK,.hl_page-preview--content .section-CT5Cxb2gKo{box-shadow:none;padding:20px 0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-tMEGCNuARw,.hl_page-preview--content .row-gIrdmk3TqK{margin:0 auto;padding:10px 5px;width:100%}.hl_page-preview--content .col-tMEGCNuARw{margin:0}.hl_page-preview--content .custom-code-2s47Dk1a27{margin:-80px 0 0;width:auto;height:auto}#section-CT5Cxb2gKo>.inner{max-width:1170px}#col-tMEGCNuARw>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} 43 /* ---- Section styles ----- */ 44:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-meL-6weEOU,.hl_page-preview--content .row-Nx3QLlaz7S,.hl_page-preview--content .section-O_KplaREqn{box-shadow:none;padding:20px 0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-meL-6weEOU,.hl_page-preview--content .row-Nx3QLlaz7S{margin:0 auto;padding:10px 5px;width:100%}.hl_page-preview--content .col-meL-6weEOU{margin:0}.hl_page-preview--content .custom-code-Jo9k77mDax{margin:-80px 0 0;width:auto;height:auto}#section-O_KplaREqn>.inner{max-width:1170px}#col-meL-6weEOU>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} 45 46@media (max-width: 1024px) { 47 #section--EX727eSv-, 48 #row-8RXvwMWDyl, 49 #col-uEze8ch2n2, 50 #row-KiyEK3703Y, 51 #col-W0trH0psk2, 52 #section-N9whknnM8m, 53 #row-pjzlas9GwX, 54 #col-UgTgn2_Nvm, 55 #section-CT5Cxb2gKo, 56 #row-gIrdmk3TqK, 57 #col-tMEGCNuARw, 58 #section-O_KplaREqn, 59 #row-Nx3QLlaz7S, 60 #col-meL-6weEOU { 61 animation: none !important; 62 } 63} 64</style><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CSpace%20Grotesk:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" media="print" onload="this.media='all'"><style>:root{--sticky-header-height:0px}[id]{scroll-margin-top:var(--sticky-header-height)}
64.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}
64#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)}}
64@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
64play: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}
64.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)}
64.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}
64.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
64-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)}}
64.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)}}
64.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}
64.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
64-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;
64font-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")}
64.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="https://fonts.googleapis.com/css?family=Inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CSpace%20Grotesk:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap"><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/CoBEZGEQ.js"><link as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/CiIs0Onl.js"><link as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/Cg3fcW1V.js">
64<script type="module" src="https://stcdn.leadconnectorhq.com/_preview/BRIcfofL.js" crossorigin></script>
64<link rel="dns-prefetch" href="https://services.leadconnectorhq.com"><link rel="icon" href="https://stcdn.leadconnectorhq.com/funnel/icon/favicon.ico"></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--EX727eSv-" data-animation-class data-entrance-clip="1" style="" class="fullSection noBorder radius0 none c-section c-wrapper section--EX727eSv-"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-8RXvwMWDyl" data-animation-class data-entrance-clip="1" style="" class="row-align-center noBorder radius0 none c-row c-wrapper row-8RXvwMWDyl"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-uEze8ch2n2" data-animation-class data-entrance-clip="1" style="" class="noBorder radius0 none c-column c-wrapper col-uEze8ch2n2"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-Y6bqB5Wv5O" data-animation-class style="" class="c-custom-code c-wrapper custom-code-Y6bqB5Wv5O"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-Y6bqB5Wv5O__custom-code" class="custom-code-container ccustom-code-Y6bqB5Wv5O"><!DOCTYPE html> 65<html lang="en"> 66<head> 67<meta charset="UTF-8"> 68<meta name="viewport" content="width=device-width, initial-scale=1.0"> 69<title>SHARK Power Washing</title> 70 71<!-- Google Fonts â Block 1 set (superset, covers both pages) --> 72<link rel="preconnect" href="https://fonts.googleapis.com"> 73<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 74<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;900&family=Cormorant+Garamond:wght@300;400;600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> 75 76<style> 77/* ============================================================ 78 BLOCK 1 NAV â exact copy 79 ============================================================ */ 80* { margin: 0; padding: 0; box-sizing: border-box; } 81html { margin: 0; padding: 0; width: 100%; max-width: 100vw; scroll-behavior: smooth; } 82body { 83 margin: 0 !important; padding: 0 !important; 84 width: 100%; max-width: 100vw; 85 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Arial', sans-serif; 86 color: #101010; line-height: 1.6; 87 background: #ffffff url('https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b54798cab7f72889cd57fe.jpg') center/cover no-repeat fixed; 88 position: relative; 89} 90 91/* â NAV â */ 92nav { 93 position: fixed; top: 0; left: 0; right: 0; width: 100vw; 94 z-index: 999; padding: 40px 5%; background: transparent; 95 display: flex; justify-content: space-between; align-items: center; 96 transition: all 0.4s ease; 97} 98.logo { opacity: 0; pointer-events: auto; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1002; transition: opacity 1.8s cubic-bezier(0.19, 1, 0.22, 1); } 99.logo.visible { opacity: 1; } 100.logo img { height: 68px; width: auto; filter: drop-shadow(0 2px 12px rgba(0,0,0,0.6)); transition: filter 0.4s ease; cursor: pointer; } 101.logo img:hover { filter: drop-shadow(0 4px 20px rgba(0,0,0,0.8)); } 102.nav-actions { display: flex; align-items: center; gap: 20px; margin-left: auto; } 103.phone-icon { display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1003; background: none; border: none; padding: 12px; opacity: 0; transition: opacity 1.5s ease; position: relative; text-decoration: none; } 104.phone-icon.visible { opacity: 1; } 105.phone-icon svg { width: 28px; height: 28px; stroke: rgba(255,255,255,0.9); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.4s cubic-bezier(0.4,0,0.2,1), filter 0.4s cubic-bezier(0.4,0,0.2,1); filter: drop-shadow(0 2px 10px rgba(0,0,0,0.6)); } 106.phone-icon.dark svg { stroke: rgba(16,16,16,0.9); filter: drop-shadow(0 1px 3px rgba(0,0,0,0.1)); } 107.phone-icon:hover svg { stroke: #C0C0C0;
107 filter: drop-shadow(0 0 12px rgba(192,192,192,0.6)); } 108.nav-toggle { display: flex; flex-direction: column; gap: 6px; cursor: pointer; z-index: 1003; background: none; border: none; padding: 12px; opacity: 0; transition: opacity 1.5s ease; position: relative; } 109.nav-toggle.visible { opacity: 1; } 110.nav-toggle span { width: 32px; height: 3px; background-color: rgba(255,255,255,0.9); transition: all 0.4s cubic-bezier(0.4,0,0.2,1); display: block; filter: drop-shadow(0 2px 10px rgba(0,0,0,0.6)); border-radius: 2px; pointer-events: none; } 111.nav-toggle.dark span { background-color: rgba(16,16,16,0.9); filter: drop-shadow(0 1px 3px rgba(0,0,0,0.1)); } 112.nav-toggle:hover span { background: linear-gradient(135deg, #C0C0C0 0%, #E8E8E8 50%, #C0C0C0 100%); box-shadow: 0 0 12px rgba(192,192,192,0.4); } 113.nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(9px, 9px); } 114.nav-toggle.active span:nth-child(2) { opacity: 0; transform: translateX(20px); } 115.nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(9px, -9px); } 116.nav-toggle.active span { background-color: #101010; filter: drop-shadow(0 1px 3px rgba(0,0,0,0.1)); } 117nav ul { position: fixed; top: -100vh; left: 0; width: 100vw; height: 100vh; background: #ffffff url('https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b54798cab7f72889cd57fe.jpg') center/cover no-repeat fixed; flex-direction: column; justify-content: center; align-items: center; gap: 0; padding-top: 120px; padding-bottom: 60px; transition: top 0.6s cubic-bezier(0.4,0,0.2,1); box-shadow: 0 10px 60px rgba(0,0,0,0.2); margin: 0; padding-left: 0; padding-right: 0; list-style: none; z-index: 998; overflow-y: auto; } 118nav ul::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255,255,255,0.92) 0%, rgba(250,250,250,0.92) 100%); pointer-events: none; z-index: 0; } 119nav ul.active { top: 0; } 120nav li { margin: 0; padding: 0; list-style: none; width: auto; opacity: 0; transform: translateY(30px); transition: all 0.5s cubic-bezier(0.4,0,0.2,1); position: relative; z-index: 1; } 121nav ul.active li { opacity: 1; transform: translateY(0); } 122nav ul.active li:nth-child(1) { transition-delay: 0.10s; } 123nav ul.active li:nth-child(2) { transition-delay: 0.13s; } 124nav ul.active li:nth-child(3) { transition-delay: 0.16s; } 125nav ul.active li:nth-child(4) { transition-delay: 0.19s; } 126nav ul.active li:nth-child(5) { transition-delay: 0.22s; } 127nav ul.active li:nth-child(6) { transition-delay: 0.25s; } 128nav ul.active li:nth-child(7) { transition-delay: 0.28s; } 129nav ul.active li:nth-child(8) { transition-delay: 0.31s; } 130nav ul.active li:nth-child(9) { transition-delay: 0.34s; } 131nav ul.active li:nth-child(10) { transition-delay: 0.37s; } 132nav ul.active li:nth-child(11) { transition-delay: 0.40s; } 133nav a { text-decoration: none; color: #101010; font-family: 'Poppins', 'Montserrat', sans-serif; font-size: 2.2rem; letter-spacing: -0.5px; font-weight: 900; transition: all 0.4s cubic-bezier(0.4,0,0.2,1); position: relative; display: block; padding: 11px 0; line-height: 1.1; } 134nav a:hover, nav a:focus { background: linear-gradient(135deg, #C0C0C0 0%, #E8E8E8 50%, #C0C0C0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; letter-spacing: 0px; transform: translateX(10px); filter: drop-shadow(0 0 8px rgba(192,192,192,0.3)); } 135.menu-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0); opacity: 0; pointer-events: none; transition: all 0.4s ease; z-index: 998; } 136.menu-backdrop.active { background: rgba(0,0,0,0.5); opacity: 1; pointer-events: auto; } 137 138/* â NAV RESPONSIVE â */ 139@media (max-width: 1024px) { nav a { font-size: 2rem; } } 140@media (max-width: 968px) { nav a { font-size: 1.85rem; } } 141@media (max-width: 768px) { 142 nav { padding: 30px 5%; } 143 .nav-actions { gap: 15px; } 144 .phone-icon svg { width: 24px; height: 24px; } 145 .logo img { height: 44px; } 146} 147@media (max-width: 480px) { 148 .nav-actions { gap: 12px; } 149 .phone-icon svg { width: 22px; height: 22px; } 150 .nav-toggle span { width: 28px; } 151 .logo img { height: 38px; } 152 nav a { font-size: 1.3rem; padding: 7px 0; } 153} 154@media (min-width: 1920px) { 155 .logo img { height: 80px; } 156 nav { padding: 50px 5%; } 157 nav a { font-size: 2.5rem; } 158} 159 160/* ============================================================ 161 BLOCK 2 PAGE STYLES â unchanged 162 ============================================================ */
163@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } 164@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } 165@keyframes metallicShimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } } 166@keyframes glitchFlash { 0%, 100% { opacity: 0; transform: translate(0, 0); } 50% { opacity: 0.7; transform: translate(-2px, 2px); } } 167@keyframes slideInFromLeft { from { opacity: 0; transform: translateX(-120px); } to { opacity: 1; transform: translateX(0); } } 168@keyframes slideInFromRight { from { opacity: 0; transform: translateX(120px); } to { opacity: 1; transform: translateX(0); } } 169@keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } 170 171/* HERO SECTION */ 172.shark-hero { 173 position: relative; 174 width: 100vw; 175 height: 100vh; 176 overflow: hidden; 177 display: flex; 178 align-items: center; 179 justify-content: center; 180 margin: 0 !important; 181 padding: 0 !important; 182 left: 50%; 183 right: 50%; 184 margin-left: -50vw !important; 185 margin-right: -50vw !important; 186 background-color: #000000; 187} 188 189.shark-hero::before { 190 content: ''; 191 position: absolute; 192 top: 0; left: 0; 193 width: 100%; height: 100%; 194 background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.52) 100%); 195 z-index: 2; 196 pointer-events: none; 197} 198 199.video-bg { 200 position: absolute; 201 top: 0; left: 0; 202 width: 100vw; height: 100%; 203 object-fit: cover; 204 z-index: 1; 205 opacity: 0; 206 transition: opacity 1s ease; 207} 208 209.video-bg.active { opacity: 1; } 210 211.hero-content { 212 position: relative; 213 z-index: 3; 214 text-align: center; 215 color: #ffffff; 216 padding: 20px; 217 max-width: 1200px; 218} 219 220.hero-headline { 221 font-family: 'Poppins', 'Montserrat', sans-serif; 222 font-size: clamp(32px, 4.6em, 4.6em); 223 font-weight: 900; 224 letter-spacing: -1px; 225 text-transform: uppercase; 226 color: #ffffff; 227 text-shadow: 0 4px 30px rgba(0,0,0,0.9); 228 opacity: 0; 229 transform: translateY(20px); 230 transition: all 1.8s cubic-bezier(0.19, 1, 0.22, 1); 231 margin-top: 50px; 232 margin-bottom: 25px; 233 position: relative; 234 line-height: 0.8; 235} 236 237.hero-headline.visible { opacity: 1; transform: translateY(0); } 238 239.hero-headline::after { 240 content: ''; 241 display: block; 242 width: 60px; height: 3px; 243 background: #00B3BE; 244 margin: 25px auto 0; 245 opacity: 0; 246 transition: opacity 0.8s ease 0.5s; 247 border-radius: 2px; 248} 249 250.hero-headline.visible::after { opacity: 1; } 251 252.hero-subhead { 253 font-family: 'Montserrat', sans-serif; 254 font-size: clamp(14px, 1.6vw, 18px); 255 font-weight: 600; 256 letter-spacing: 3px; 257 color: rgba(255,255,255,0.88); 258 text-shadow: 0 3px 20px rgba(0,0,0,0.8); 259 opacity: 0; 260 transform: translateY(20px); 261 transition: all 1.8s cubic-bezier(0.19, 1, 0.22, 1); 262 margin-bottom: 20px; 263 line-height: 1.8; 264 max-width: 700px; 265 margin-left: auto; 266 margin-right: auto; 267} 268 269.hero-subhead.visible { opacity: 1; transform: translateY(0); } 270 271.hero-location { 272 font-family: 'Montserrat', sans-serif; 273 font-size: 13px; 274 font-weight: 800; 275 letter-spacing: 5px; 276 text-transform: uppercase; 277 color: #00B3BE; 278 text-shadow: 0 0 20px rgba(0,179,190,0.5), 0 2px 15px rgba(0,0,0,0.9); 279 opacity: 0; 280 transform: translateY(20px); 281 transition: all 1.8s cubic-bezier(0.19, 1, 0.22, 1); 282} 283 284.hero-location.visible { opacity: 1; transform: translateY(0); } 285 286.hero-cta-wrapper-container { 287 position: absolute; 288 left: 0; right: 0; 289 margin: 0 auto; 290 top: 75%; 291 transform: translateY(-50%); 292 z-index: 3; 293 opacity: 0; 294 pointer-events: none; 295 transition: all 1.5s cubic-bezier(0.4,0,0.2,1); 296 width: fit-content; 297} 298 299.hero-cta-wrapper-container.visible { opacity: 1; pointer-events: auto; } 300 301.hero-cta-wrapper { text-align: center; } 302 303.hero-cta-btn { 304 font-family: 'Montserrat', sans-serif; 305 font-size: 11px; 306 font-weight: 800; 307 letter-spacing: 5px; 308 text-transform: uppercase; 309 color: #ffffff; 310 background: transparent; 311 border: 2px solid rgba(255,255,255,0.3); 312 padding: 22px 65px; 313 cursor: pointer; 314 transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); 315 text-decoration: none; 316 display: inline-block; 317 position: relative; 318 overflow: hidden; 319 box-shadow: 0 4px 30px rgba(0,0,0,0.2); 320} 321 322.hero-cta-btn::after { 323 content: ''; 324 position: absolute; 325 inset: -2px; 326 border: 2px solid rgba(255,255,255,0); 327 border-radius: inherit; 328 transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); 329 pointer-events: none; 330} 331 332.hero-cta-btn:hover { 333 background: rgba(0,179,190,0.15); 334 backdrop-filter: blur(12px); 335 border-color: rgba(0,179,190,0.8); 336 transform: translateY(-3px); 337 box-shadow: 0 8px 40px rgba(0,179,190,0.3); 338 letter-spacing: 6px; 339} 340 341.hero-cta-btn:hover::after { 342 border-color: rgba(0,179,190,0.15); 343 inset: -6px; 344} 345 346/* ABOUT SECTION */ 347.about-section { 348 padding: 8rem 8%; 349 width: 100vw; 350 position: relative; 351 left: 50%; 352 right: 50%; 353 margin-left: -50vw; 354 margin-right: -50vw; 355 overflow: hidden; 356 min-height: auto; 357 display: flex; 358 align-items: center; 359 justify-content: center;
360 background: #ffffff url('https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b54798cab7f72889cd57fe.jpg') center/cover no-repeat fixed; 361} 362 363.about-section::before { 364 content: ''; 365 position: absolute; 366 top: 0; left: 0; 367 width: 100%; height: 100%; 368 background: rgba(255,255,255,0.75); 369 z-index: 0; 370} 371 372.about-section::after { 373 content: ''; 374 position: absolute; 375 top: 0; left: 0; 376 width: 100%; height: 100%; 377 opacity: 0.4; 378 pointer-events: none; 379 z-index: 1; 380} 381 382.about-container { 383 position: relative; 384 z-index: 2; 385 display: grid; 386 grid-template-columns: 1fr 1fr; 387 gap: 6rem; 388 align-items: center; 389 width: 100%; 390 max-width: 1400px; 391} 392 393.stats-background { 394 position: relative; 395 z-index: 1; 396 display: flex; 397 flex-direction: column; 398 align-items: flex-start; 399 justify-content: center; 400 gap: 2rem; 401} 402 403.stat-bg-item { 404 position: relative; 405 display: flex; 406 flex-direction: column; 407 align-items: flex-start; 408} 409 410.stat-number { 411 font-family: 'Poppins', 'Montserrat', sans-serif; 412 font-size: clamp(8rem, 16vw, 22rem); 413 font-weight: 900; 414 letter-spacing: -8px; 415 opacity: 0; 416 transform: scale(0.85) translateX(80px); 417 transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1); 418 color: rgba(0,179,190,0.55); 419 line-height: 0.85; 420 white-space: nowrap; 421} 422 423.stat-label { 424 font-family: 'Montserrat', sans-serif; 425 font-size: 0.65rem; 426 font-weight: 600; 427 letter-spacing: 2px; 428 text-transform: uppercase; 429 color: rgba(0,179,190,0.55); 430 margin-top: 0.5rem; 431 margin-left: 0.5rem; 432 opacity: 0; 433 transform: translateX(80px); 434 transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1); 435} 436 437.about-section.visible .stat-number { opacity: 1; transform: scale(1) translateX(0); } 438.about-section.visible .stat-label { opacity: 1; transform: translateX(0); } 439 440.stat-bg-item:nth-child(1) .stat-number, 441.stat-bg-item:nth-child(1) .stat-label { transition-delay: 0.1s; } 442.stat-bg-item:nth-child(2) .stat-number, 443.stat-bg-item:nth-child(2) .stat-label { transition-delay: 0.25s; } 444.stat-bg-item:nth-child(3) .stat-number, 445.stat-bg-item:nth-child(3) .stat-label { transition-delay: 0.4s; } 446 447.about-content { 448 position: relative; 449 z-index: 2; 450 text-align: left; 451} 452 453.about-heading { 454 font-family: 'Poppins', 'Montserrat', sans-serif; 455 font-size: clamp(3rem, 6vw, 6.5rem); 456 font-weight: 900; 457 letter-spacing: -3px; 458 line-height: 1.05; 459 color: #101010; 460 margin-bottom: 2.5rem; 461 margin-top: 0; 462 text-transform: uppercase; 463 position: relative; 464 opacity: 0; 465 transform: translateX(-120px); 466 transition: all 1.8s cubic-bezier(0.16, 1, 0.3, 1); 467} 468 469.about-section.visible .about-heading { 470 opacity: 1; 471 transform: translateX(0); 472 transition-delay: 0.3s; 473} 474 475.about-text { 476 font-family: 'Montserrat', sans-serif; 477 font-size: clamp(0.95rem, 1.1vw, 1.15rem); 478 font-weight: 400; 479 line-height: 1.9; 480 color: #101010; 481 margin-bottom: 2.5rem; 482 opacity: 0; 483 transform: translateX(-120px); 484 transition: all 1.8s cubic-bezier(0.16, 1, 0.3, 1); 485} 486 487.about-section.visible .about-text { 488 opacity: 1; 489 transform: translateX(0); 490 transition-delay: 0.6s; 491} 492 493.about-text p { margin-bottom: 1.2rem; } 494.about-text p:last-child { margin-bottom: 0; } 495 496.about-cta { 497 display: inline-block; 498 padding: 1.2rem 3rem; 499 background-color: #00B3BE; 500 color: #ffffff; 501 border: 2px solid #00B3BE; 502 text-decoration: none; 503 font-family: 'Montserrat', sans-serif; 504 font-size: 0.75rem; 505 font-weight: 600; 506 letter-spacing: 0.2em; 507 text-transform: uppercase; 508 transition: all 0.3s ease; 509 position: relative; 510 cursor: pointer; 511 opacity: 0; 512 transform: translateX(-120px); 513} 514 515.about-section.visible .about-cta { 516 opacity: 1; 517 transform: translateX(0); 518 transition: opacity 1.8s cubic-bezier(0.16,1,0.3,1) 0.9s, 519 transform 1.8s cubic-bezier(0.16,1,0.3,1) 0.9s, 520 background-color 0.3s ease, 521 border-color 0.3s ease, 522 color 0.3s ease; 523} 524 525.about-cta:hover { 526 background-color: #000000 !important; 527 border-color: #00B3BE !important; 528 color: #ffffff !important; 529 transform: translateY(-2px) !important; 530} 531 532/* RESPONSIVE â Block 2 */ 533@media (max-width: 1024px) { 534 .about-section { padding: 6rem 6%; } 535 .about-container { gap: 4rem; } 536 .about-heading { font-size: clamp(2.5rem, 5vw, 5rem); } 537 .stat-number { font-size: clamp(6rem, 13vw, 16rem); } 538 .stat-label { font-size: 0.6rem; letter-spacing: 1.5px; } 539} 540 541@media (max-width: 768px) { 542 .shark-hero { height: 100vh; height: 100dvh; padding: 0 5% !important; } 543 .hero-content { padding: 0 16px; width: 100%; } 544 .hero-headline { font-size: clamp(26px, 7.5vw, 42px); letter-spacing: -0.5px; line-height: 1; margin-top: 28px; margin-bottom: 18px; } 545 .hero-headline::after { margin-top: 18px; } 546 .hero-subhead { font-size: clamp(12px, 3.2vw, 15px); letter-spacing: 1.5px; margin-bottom: 14px; padding: 0 8px; line-height: 1.7; } 547 .hero-location { font-size: 11px; letter-spacing: 4px; } 548 .hero-cta-wrapper-container { top: 78%; } 549 .hero-cta-btn { padding: 16px 44px; font-size: 10px; letter-spacing: 4px; } 550 551 .about-section { padding: 4rem 5%; min-height: auto; } 552 .about-container { grid-template-columns: 1fr; gap: 0; display: flex; flex-direction: column; align-items: center; } 553 .stats-background { order: 1; margin-bottom: 2rem; overflow: hidden; width: 100%; align-items: center; } 554 .stat-bg-item { align-items: center; } 555 .stat-number { font-size: clamp(3.5rem, 20vw, 8rem); letter-spacing: -3px; white-space: nowrap; } 556 .stat-label { font-size: 0.55rem; letter-spacing: 1px; margin-top: 0.25rem; margin-left: 0; text-align: center; } 557 .about-content { order: 2; text-align: center; width: 100%; } 558 .about-heading { font-size: clamp(2rem, 8.5vw, 3.8rem); letter-spacing: -1.5px; margin-bottom: 1.5rem; overflow: visible; } 559 .about-text { font-size: 0.95rem; margin-bottom: 0; line-height: 1.8; } 560 .about-text p { margin-bottom: 1.2rem; } 561 562 .about-heading, .about-text, .about-cta { transform: translateY(30px); } 563 .about-section.visible .about-heading, 564 .about-section.visible .about-text { transform: translateY(0); } 565 .about-section.visible .about-cta { transform: translateY(0) !important; } 566 567 .about-cta { margin-top: 2rem; padding: 1.1rem 2rem; font-size: 0.65rem; letter-spacing: 1.5px; display: inline-block; text-align: center; width: auto; } 568} 569 570@media (max-width: 480px) { 571 .hero-headline { font-size: clamp(22px, 8vw, 32px); letter-spacing: -0.5px; line-height: 1; } 572 .hero-location { font-size: 10px; letter-spacing: 4px; } 573 .hero-cta-wrapper-container { top: 80%; } 574 .hero-cta-btn { padding: 14px 36px; font-size: 9px; letter-spacing: 3.5px; } 575 .about-heading { font-size: clamp(1.8rem, 9vw, 3rem); letter-spacing: -1px; } 576 .about-text { font-size: 0.9rem; } 577 .stat-number { font-size: clamp(3rem, 18vw, 6.5rem); letter-spacing: -2px; } 578 .about-cta { padding: 1rem 1.8rem; font-size: 0.6rem; letter-spacing: 1.5px; } 579} 580 581@media (min-width: 1920px) { 582 .about-section { padding: 10rem 8%; } 583} 584 .booking-modal-overlay { 585 position: fixed; inset: 0; z-index: 9999; 586 background: rgba(0,0,0,0); display: flex; 587 align-items: center; justify-content: center; 588 opacity: 0; pointer-events: none; 589 transition: background 0.45s ease, opacity 0.45s ease; 590} 591.booking-modal-overlay.open { background: rgba(0,0,0,0.72); opacity: 1; pointer-events: auto; } 592.booking-modal { 593 position: relative; width: min(92vw, 780px); height: min(90vh, 760px); 594 background: #ffffff; border-radius: 4px; overflow: hidden; 595 box-shadow: 0 30px 100px rgba(0,0,0,0.5); 596 transform: translateY(40px) scale(0.97); 597 transition: transform 0.45s cubic-bezier(0.19,1,0.22,1), opacity 0.45s cubic-bezier(0.19,1,0.22,1); 598 opacity: 0; display: flex; flex-direction: column; 599} 600.booking-modal-overlay.open .booking-modal { transform: translateY(0) scale(1); opacity: 1; } 601.booking-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px 16px; background: #101010; flex-shrink: 0; } 602.booking-modal-title { font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 800; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; } 603.booking-modal-close { background: none; border: none; cursor: pointer; padding: 6px; display: flex; align-items: center; justify-content: center; opacity: 0.7; transition: opacity 0.2s ease, transform 0.2s ease; line-height: 1; }
604.booking-modal-close:hover { opacity: 1; transform: rotate(90deg); } 605.booking-modal-close svg { width: 18px; height: 18px; stroke: #ffffff; fill: none; stroke-width: 2.5; stroke-linecap: round; } 606.booking-modal-body { flex: 1; position: relative; overflow: hidden; } 607.booking-modal-loader { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f8f8f8; gap: 16px; transition: opacity 0.3s ease; z-index: 2; } 608.booking-modal-loader.hidden { opacity: 0; pointer-events: none; } 609.loader-spinner { width: 36px; height: 36px; border: 3px solid rgba(0,179,190,0.2); border-top-color: #00B3BE; border-radius: 50%; animation: spin 0.8s linear infinite; } 610.loader-text { font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: rgba(16,16,16,0.4); } 611.booking-iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; display: block; } 612 613@keyframes spin { to { transform: rotate(360deg); } } 614 615@media (max-width: 480px) { 616 .booking-modal { width: 100vw; height: 100dvh; border-radius: 0; } 617 .booking-modal-overlay { align-items: flex-end; } 618} 619</style> 620</head> 621<body> 622 623<!-- ============================================================ 624 BLOCK 1 NAV â exact HTML 625 ============================================================ --> 626<div class="menu-backdrop" id="menuBackdrop" onclick="closeMenu()"></div> 627 628<nav> 629 <div class="logo"> 630 <img src="https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b5481ecab7f75dc7cd62cb.png" alt="SHARK Power Washing"> 631 </div> 632 <div class="nav-actions"> 633 <a href="https://sharknc.com/contact-us" class="phone-icon" id="phoneIcon" aria-label="Contact Us"> 634 <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 635 <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/> 636 </svg> 637 </a> 638 <button class="nav-toggle" onclick="toggleMenu()" aria-label="Toggle Menu"> 639 <span></span><span></span><span></span> 640 </button> 641 </div> 642 <ul id="navMenu"> 643 <li><a href="https://sharknc.com/home" onclick="closeMenu()">Home</a></li> 644 <li><a href="https://sharknc.com/about" onclick="closeMenu()">About Us</a></li> 645 <li><a href="https://sharknc.com/house_washing" onclick="closeMenu()">House Washing</a></li> 646 <li><a href="https://sharknc.com/surface-cleaning" onclick="closeMenu()">Surface Cleaning</a></li> 647 <li><a href="https://sharknc.com/window-cleaning" onclick="closeMenu()">Window Cleaning</a></li> 648 <li><a href="https://sharknc.com/commercial-cleaning" onclick="closeMenu()">Commercial Cleaning</a></li> 649 <li><a href="https://sharknc.com/additional-services" onclick="closeMenu()">Additional Services</a></li> 650 <li><a href="https://sharknc.com/partnerships" onclick="closeMenu()">Partnerships</a></li> 651 <li><a href="https://sharknc.com/memberships" onclick="closeMenu()">Memberships</a></li> 652 <li><a href="https://sharknc.com/blog" onclick="closeMenu()">Blog</a></li> 653 <li><a href="https://sharknc.com/contact-us" onclick="closeMenu()">Contact Us</a></li> 654 </ul> 655</nav> 656 657<!-- ============================================================ 658 BLOCK 2 CONTENT â unchanged 659 ============================================================ --> 660<div id="shark-site-wrap"> 661 662 <!-- Hero Section --> 663 <section id="home" class="shark-hero" data-theme="dark" aria-label="SHARK Power Washing - Professional Exterior Cleaning Wrightsville Beach NC"> 664 <video class="video-bg video-1" muted playsinline preload="auto" aria-hidden="true"> 665 <source src="https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b54841cab7f76d19cd657c.mp4" type="video/mp4"> 666 </video> 667 <video class="video-bg video-2" muted playsinline preload="auto" aria-hidden="true"> 668 <source src="https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b5485bfc5128934d9033
66801.mp4" type="video/mp4"> 669 </video> 670 <video class="video-bg video-5" muted playsinline preload="auto" aria-hidden="true"> 671 <source src="https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b5486fcab7f752e9cd696c.mp4" type="video/mp4"> 672 </video> 673 <video class="video-bg video-6" muted playsinline preload="auto" aria-hidden="true"> 674 <source src="https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b54841cab7f76d19cd657c.mp4" type="video/mp4"> 675 </video> 676 677 <div class="hero-content"> 678 <h1 class="hero-headline" id="heroHeadline">Power Washing & Exterior Cleaning</h1> 679 <p class="hero-subhead" id="heroSubhead">Professional house washing, surface cleaning & window cleaning for coastal homes in Wrightsville Beach, NC.</p> 680 <p class="hero-location" id="heroLocation">Wrightsville Beach, NC</p> 681 </div> 682 683 <div class="hero-cta-wrapper-container" id="heroCTA"> 684 <div class="hero-cta-wrapper"> 685 <button class="hero-cta-btn" id="ctaButton" onclick="openBookingModal()">Schedule Your Property Walk-Through</button> 686 </div> 687 </div> 688 </section> 689<div class="booking-modal-overlay" id="bookingModalOverlay" onclick="handleModalOverlayClick(event)"> 690 <div class="booking-modal" id="bookingModal"> 691 <div class="booking-modal-header"> 692 <span class="booking-modal-title">Book a Service</span> 693 <button class="booking-modal-close" onclick="closeBookingModal()" aria-label="Close"> 694 <svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg> 695 </button> 696 </div> 697 <div class="booking-modal-body"> 698 <div class="booking-modal-loader" id="bookingLoader"> 699 <div class="loader-spinner"></div> 700 <span class="loader-text">Loading Calendar</span> 701 </div> 702 <iframe 703 class="booking-iframe" 704 id="bookingIframe" 705 src="" 706 data-src="https://api.leadconnectorhq.com/widget/booking/TsySdhcKFJ3mJLZXfqAE" 707 title="Book a Service" 708 onload="onIframeLoad()" 709 ></iframe> 710 </div> 711 </div> 712</div> 713 <!-- About Section --> 714 <section id="about" class="about-section" data-theme="light" aria-label="About SHARK Power Washing"> 715 <div class="about-container"> 716 <div class="about-content"> 717 <h2 class="about-heading">CLEAN WITHOUT<br>COMPROMISE</h2> 718 <div class="about-text"> 719 <p>Your home, treated as our own.</p> 720 <p>Tailored for coastal properties where finishes, edges, and details define the home. Our white-glove approach is guided by surface types, exposures, and conditions.</p> 721 <p>A Higher Bar for Care.</p> 722 <p>Exterior service for exceptional homes.</p> 723 </div> 724 <button class="about-cta" onclick="openBookingModal()">Schedule a Walk-Through</button> 725 </div> 726 <div class="stats-background"> 727 <div class="stat-bg-item"> 728 <div class="stat-number" data-target="2017" data-suffix="">2017</div> 729 <div class="stat-label">Founded</div> 730 </div> 731 <div class="stat-bg-item"> 732 <div class="stat-number" data-target="100" data-suffix="%">100%</div> 733 <div class="stat-label">Satisfaction</div> 734 </div> 735 <div class="stat-bg-item"> 736 <div class="stat-number" data-target="5000" data-suffix="+" data-format="k">5K+</div> 737 <div class="stat-label">Homes Served</div> 738 </div> 739 </div> 740 </div> 741 </section> 742 743</div><!-- /#shark-site-wrap --> 744 745<!-- ============================================================ 746 BLOCK 1 NAV JS â exact copy 747 ============================================================ -->
748<script> 749const isMobile = () => window.innerWidth <= 768; 750let updateLogoAndNav; 751(function() { 752 const logoImg = document.querySelector('.logo img'); 753 const navToggle = document.querySelector('.nav-toggle'); 754 const phoneIcon = document.getElementById('phoneIcon'); 755 const nav = document.querySelector('nav'); 756 const whiteLogo = 'https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b547fb277ba0108ef0fc0d.png'; 757 const blackLogo = 'https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b5481ecab7f75dc7cd62cb.png'; 758 759 updateLogoAndNav = function() { 760 if (!nav || !logoImg) return; 761 const navMenu = document.getElementById('navMenu'); 762 if (navMenu && navMenu.classList.contains('active')) return; 763 const sections = document.querySelectorAll('[data-theme]'); 764 const navRect = nav.getBoundingClientRect(); 765 const navCenter = navRect.top + (navRect.height / 2); 766 let currentTheme = 'dark'; 767 sections.forEach(section => { 768 const sectionRect = section.getBoundingClientRect(); 769 if (sectionRect.top <= navCenter && sectionRect.bottom >= navCenter) { 770 currentTheme = section.getAttribute('data-theme'); 771 } 772 }); 773 if (currentTheme === 'light') { 774 logoImg.src = blackLogo; 775 navToggle.classList.add('dark'); 776 phoneIcon.classList.add('dark'); 777 } else { 778 logoImg.src = whiteLogo; 779 navToggle.classList.remove('dark'); 780 phoneIcon.classList.remove('dark'); 781 } 782 }; 783 784 let ticking = false; 785 window.addEventListener('scroll', function() { 786 if (!ticking) { 787 window.requestAnimationFrame(function() { updateLogoAndNav(); ticking = false; }); 788 ticking = true; 789 } 790 }, { passive: true }); 791 window.addEventListener('load', updateLogoAndNav); 792 window.addEventListener('resize', updateLogoAndNav); 793 updateLogoAndNav(); 794})(); 795 796document.querySelector('.logo img').addEventListener('click', () => { 797 window.location.href = 'https://sharknc.com/home'; 798}); 799 800function toggleMenu() { 801 const navToggle = document.querySelector('.nav-toggle'); 802 const navMenu = document.getElementById('navMenu'); 803 const menuBackdrop = document.getElementById('menuBackdrop'); 804 const logoImg = document.querySelector('.logo img'); 805 const blackLogo = 'https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b5481ecab7f75dc7cd62cb.png'; 806 navToggle.classList.toggle('active'); 807 navMenu.classList.toggle('active'); 808 menuBackdrop.classList.toggle('active'); 809 document.body.style.overflow = navMenu.classList.contains('active') ? 'hidden' : 'auto'; 810 if (navMenu.classList.contains('active')) { logoImg.src = blackLogo; } 811 else { updateLogoAndNav(); } 812} 813 814function closeMenu() { 815 const navToggle = document.querySelector('.nav-toggle'); 816 const navMenu = document.getElementById('navMenu'); 817 const menuBackdrop = document.getElementById('menuBackdrop'); 818 navToggle.classList.remove('active'); 819 navMenu.classList.remove('active'); 820 menuBackdrop.classList.remove('active'); 821 document.body.style.overflow = 'auto'; 822 updateLogoAndNav(); 823} 824 825document.addEventListener('keydown', (e) => { if (e.key === 'Escape') { closeMenu(); } }); 826window.addEventListener('resize', () => { if (window.innerWidth > 768) closeMenu(); }); 827</script>
827 828 829<!-- ============================================================ 830 BLOCK 2 PAGE JS â unchanged 831 ============================================================ -->
832<script> 833(function() { 834 // Video Playlist 835 var videos = document.querySelectorAll('.video-bg'); 836 var currentVideoIndex = 0; 837 var firstVideoStarted = false; 838 839 function startFirstVideo() { 840 if (!firstVideoStarted) { 841 videos[0].classList.add('active'); 842 videos[0].play().catch(function(e){ console.log('Autoplay prevented:', e); }); 843 firstVideoStarted = true; 844 } 845 } 846 847 setTimeout(startFirstVideo, 800); 848 849 function switchToNextVideo() { 850 var cur = videos[currentVideoIndex]; 851 var next = (currentVideoIndex + 1) % videos.length; 852 cur.classList.remove('active'); 853 cur.pause(); 854 cur.currentTime = 0; 855 videos[next].classList.add('active'); 856 videos[next].play().catch(function(e){}); 857 currentVideoIndex = next; 858 } 859 860 videos.forEach(function(v, i) { 861 v.addEventListener('ended', function(){ if (i === currentVideoIndex) switchToNextVideo(); }); 862 }); 863 videos.forEach(function(v){ v.load(); }); 864
865 // Fade-in Sequence 866 setTimeout(function() { 867 // Nav elements 868 var logo = document.querySelector('.logo'); 869 if (logo) logo.classList.add('visible'); 870 var phoneIcon = document.getElementById('phoneIcon'); 871 if (phoneIcon) phoneIcon.classList.add('visible'); 872 var navToggle = document.querySelector('.nav-toggle'); 873 if (navToggle) navToggle.classList.add('visible'); 874 // Hero elements 875 ['heroHeadline','heroSubhead','heroLocation','heroCTA'].forEach(function(id){ 876 var el = document.getElementById(id); 877 if (el) el.classList.add('visible'); 878 }); 879 }, 1400); 880 881 // About Section Observer 882 function animateNumber(el, start, end, duration, suffix) { 883 var useK = el.getAttribute('data-format') === 'k'; 884 var startTime = null; 885 function tick(now) { 886 if (!startTime) startTime = now; 887 var prog = Math.min((now - startTime) / duration, 1); 888 var ease = 1 - Math.pow(1 - prog, 3); 889 var cur = Math.floor(start + (end - start) * ease); 890 el.textContent = (useK && cur >= 1000 ? (cur/1000).toFixed(0)+'K' : cur) + suffix; 891 if (prog < 1) requestAnimationFrame(tick); 892 else el.textContent = (useK && end >= 1000 ? (end/1000).toFixed(0)+'K' : end) + suffix; 893 } 894 requestAnimationFrame(tick); 895 } 896 897 var aboutObserver = new IntersectionObserver(function(entries){ 898 entries.forEach(function(entry){ 899 if (entry.isIntersecting) { 900 entry.target.classList.add('visible'); 901 entry.target.querySelectorAll('.stat-number').forEach(function(item, i){ 902 var target = parseInt(item.getAttribute('data-target')); 903 var suffix = item.getAttribute('data-suffix') || ''; 904 setTimeout(function(){ animateNumber(item, 0, target, 2500, suffix); }, i * 200); 905 }); 906 } 907 }); 908 }, { threshold: 0.2, rootMargin: '0px 0px -100px 0px' }); 909 910 var aboutSection = document.querySelector('.about-section'); 911 if (aboutSection) aboutObserver.observe(aboutSection); 912 913 })(); 914 function openBookingModal() { 915 const overlay = document.getElementById('bookingModalOverlay'); 916 const iframe = document.getElementById('bookingIframe'); 917 const loader = document.getElementById('bookingLoader'); 918 if (!iframe.src || iframe.src === window.location.href) { 919 loader.classList.remove('hidden'); 920 iframe.src = iframe.getAttribute('data-src'); 921 } 922 overlay.classList.add('open'); 923 document.body.style.overflow = 'hidden'; 924} 925 926function closeBookingModal() { 927 document.getElementById('bookingModalOverlay').classList.remove('open'); 928 document.body.style.overflow = 'auto'; 929} 930 931function handleModalOverlayClick(e) { 932 if (e.target === document.getElementById('bookingModalOverlay')) closeBookingModal(); 933} 934 935function onIframeLoad() { 936 setTimeout(() => { document.getElementById('bookingLoader').classList.add('hidden'); }, 400); 937} 938</script>
938 939
940<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>
940 941</body> 942</html></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="row-KiyEK3703Y" data-animation-class data-entrance-clip="1" style="" class="row-align-center noBorder radius0 none c-row c-wrapper row-KiyEK3703Y"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-W0trH0psk2" data-animation-class data-entrance-clip="1" style="" class="noBorder radius0 none c-column c-wrapper col-W0trH0psk2"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-jl0Hji6Oj5" data-animation-class style="" class="c-custom-code c-wrapper custom-code-jl0Hji6Oj5"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-jl0Hji6Oj5__custom-code" class="custom-code-container ccustom-code-jl0Hji6Oj5"><!-- Slider Section --> 943<section class="shark-slider-section"> 944 <div class="shark-scroll-wrapper"> 945 946 <div class="shark-slide" data-slide="0"> 947 <div class="shark-slide-content"> 948 <div class="shark-slide-label">Residential Services</div> 949 <h2 class="shark-slide-title">House<br>Washing</h2> 950 <p class="shark-slide-description">Low-pressure washing designed to preserve siding, trim, and finishes.</p> 951 <a href="https://sharknc.com/house_washing" class="shark-slide-cta">Learn More</a> 952 </div> 953 </div> 954 955 <div class="shark-slide" data-slide="1"> 956 <div class="shark-slide-content"> 957 <div class="shark-slide-label">Property Maintenance</div> 958 <h2 class="shark-slide-title">Surface<br>Cleaning</h2> 959 <p class="shark-slide-description">Precision cleaning for hardscapes that demand a finished look.</p> 960 <a href="https://sharknc.com/surface-cleaning" class="shark-slide-cta">Learn More</a> 961 </div> 962 </div> 963 964 <div class="shark-slide" data-slide="2"> 965 <div class="shark-slide-content"> 966 <div class="shark-slide-label">Crystal Clear</div> 967 <h2 class="shark-slide-title">Window<br>Cleaning</h2> 968 <p class="shark-slide-description">Detail-driven window cleaning for clarity and presentation.</p> 969 <a href="https://sharknc.com/window-cleaning" class="shark-slide-cta">Learn More</a> 970 </div> 971 </div> 972 973 <div class="shark-slide" data-slide="3"> 974 <div class="shark-slide-content"> 975 <div class="shark-slide-label">Business Solutions</div> 976 <h2 class="shark-slide-title">Commercial<br>Services</h2> 977 <p class="shark-slide-description">Exterior services built for scale, reliability, and presentation.</p> 978 <a href="https://sharknc.com/commercial-cleaning" class="shark-slide-cta">Learn More</a> 979 </div> 980 </div> 981 982 <div class="shark-slide shark-quote-slide" data-slide="4"> 983 <div class="shark-slide-content"> 984 <h2 class="shark-slide-title">Additional<br>Exterior<br>Services</h2> 985 <p class="shark-quote-author">
985Specialized exterior care, handled with the same standards that define our core services.</p> 986 <a href="https://sharknc.com/additional-services" class="shark-slide-cta shark-quote-cta">View Specialty Services</a> 987 </div> 988 </div> 989 990 </div> 991</section> 992
993<script> 994(function () { 995 'use strict'; 996 997 // ââ Inject Google Fonts âââââââââââââââââââââââââââââââââââââââââââ 998 var fontLink = document.createElement('link'); 999 fontLink.rel = 'stylesheet'; 1000 fontLink.href = 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;900&family=Montserrat:wght@300;400;500;600&display=swap'; 1001 document.head.appendChild(fontLink); 1002 1003 // ââ Inject styles âââââââââââââââââââââââââââââââââââââââââââââââââ 1004 var style = document.createElement('style'); 1005 style.textContent = [ 1006 '.shark-slider-section { position: relative; height: 500vh; width: 100vw; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; background: #000000; -webkit-transform: translateZ(0); transform: translateZ(0); }', 1007 1008 '.shark-scroll-wrapper { position: sticky; top: 0; height: 100vh; overflow: hidden; width: 100%; touch-action: pan-y; }', 1009 1010 '.shark-slide { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; height: 100dvh; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 8%; overflow: hidden; transform-origin: center bottom; will-change: transform, opacity; backface-visibility: hidden; -webkit-font-smoothing: antialiased; }', 1011 1012 '.shark-slide::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; will-change: transform; transform: translateZ(0); }', 1013 1014 '.shark-slide::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%); z-index: 1; will-change: transform; transform: translateZ(0); }', 1015 1016 '.shark-slide[data-slide="0"]::before { background-image: url("https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69a19ac3524b715cae4e7dda.png"); }', 1017 '.shark-slide[data-slide="1"]::before { background-image: url("https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69a19ac49a0c18279d73a13c.png"); }', 1018 '.shark-slide[data-slide="2"]::before { background-image: url("https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69a19ac5524b71cd9c4e7e68.jpeg"); }', 1019 '.shark-slide[data-slide="3"]::before { background-image: url("https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69a19ac78844f5b9e9940401.png"); }', 1020 '.shark-slide[data-slide="4"]::before { background-image: url("https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69a19ac8753f1524f4d26aae.jpg"); }', 1021 1022 '.shark-quote-slide { background: #000000; justify-content: center; align-items: center; text-align: center; }', 1023 '.shark-quote-slide .shark-slide-content { max-width: 1000px; }', 1024 1025 '.shark-slide-content { position: relative; z-index: 2; max-width: 800px; will-change: transform; transform: translateZ(0); }', 1026 1027 '.shark-slide-label { font-family: "Montserrat", sans-serif; font-size: 0.75rem; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.6); margin-bottom: 1rem; }', 1028 1029 '.shark-slide-title { font-family: "Poppins", "Montserrat", sans-serif; font-size: clamp(32px, 4.6em, 4.6em); font-weight: 900; line-height: 0.9; color: #ffffff; margin: 0; text-transform: uppercase; letter-spacing: -1px; }', 1030 1031 '.shark-quote-slide .shark-slide-title { font-size: clamp(32px, 4.6em, 4.6em); font-weight: 900; line-height: 0.9; text-transform: uppercase; font-style: normal; color: #ffffff; letter-spacing: -1px; }', 1032 1033 '.shark-slide-description { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.6; color: #ffffff; margin-top: 1.5rem; max-width: 500px; letter-spacing: 0.02em; }', 1034 1035 '.shark-quote-author { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: 0.02em; color: #ffffff; margin-top: 1.5rem; max-width: 600px; line-height: 1.6; }', 1036 1037 '.shark-slide-cta { position: relative; display: inline-block; margin-top: 2rem; padding: 1.2rem 3rem; background: #00B3BE; border: 2px solid #00B3BE; color: #ffffff; text-decoration: none; font-family: "Montserrat", sans-serif; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; transition: all 0.3s ease; z-index: 2; }', 1038 1039 '.shark-slide-cta:hover { background: #000000; border-color: #00B3BE; color: #ffffff; transform: translateY(-2px); }', 1040 1041 '.shark-quote-cta { margin-top: 3rem; }', 1042 1043 '@media (max-width: 1024px) { .shark-slide { padding: 0 6%; } }', 1044 1045 '@media (max-width: 768px) {', 1046 ' .shark-slide { padding: 0 5%; padding-top: 80px; justify-content: center; }', 1047 ' .shark-slide-label { font-size: 0.65rem; letter-spacing: 1.5px; margin-bottom: 0.75rem; }', 1048 ' .shark-slide-title { font-size: clamp(28px, 9vw, 52px); letter-spacing: -0.5px; line-height: 1; }', 1049 ' .shark-slide-description { font-size: 0.88rem; margin-top: 0.9rem; max-width: 100%; line-height: 1.55; }', 1050 ' .shark-slide-cta { padding: 0.95rem 2.2rem; font-size: 0.68rem; letter-spacing: 0.15em; margin-top: 1.4rem; }', 1051 ' .shark-quote-slide .shark-slide-title { font-size: clamp(26px, 8vw, 48px); line-height: 1; }', 1052 ' .shark-quote-author { font-size: 0.85rem; margin-top: 1.2rem; }', 1053 ' .shark-quote-cta { margin-top: 2rem; }', 1054 '}', 1055 1056 '@media (max-width: 480px) {', 1057 ' .shark-slide { padding: 0 5%; padding-top: 70px; }', 1058 ' .shark-slide-label { font-size: 0.6rem; letter-spacing: 1px; margin-bottom: 0.6rem; }', 1059 ' .shark-slide-title { font-size: clamp(24px, 10vw, 40px); letter-spacing: -0.5px; line-height: 1; }', 1060 ' .shark-slide-description { font-size: 0.82rem; margin-top: 0.75rem; line-height: 1.5; }', 1061 ' .shark-slide-cta { padding: 0.85rem 1.8rem; font-size: 0.62rem; letter-spacing: 0.12em; margin-top: 1.2rem; }', 1062 ' .shark-quote-slide .shark-slide-title { font-size: clamp(22px, 9vw, 36px); }', 1063 ' .shark-quote-author { font-size: 0.8rem; margin-top: 1rem; }', 1064 ' .shark-quote-cta { margin-top: 1.8rem; }', 1065 '}', 1066 1067 '@media (max-width: 768px) and (orientation: landscape) {', 1068 ' .shark-slide { padding-top: 60px; justify-content: center; }', 1069 ' .shark-slide-title { font-size: clamp(22px, 5vw, 36px); line-height: 1; }', 1070 ' .shark-slide-description { font-size: 0.8rem; margin-top: 0.6rem; }', 1071 ' .shark-slide-cta { margin-top: 0.9rem; padding: 0.75rem 1.8rem; }', 1072 '}' 1073 ].join('\n'); 1074 document.head.appendChild(style); 1075 1076 // ââ Slider logic ââââââââââââââââââââââââââââââââââââââââââââââââââ 1077 var sliderSection = document.querySelector('.shark-slider-section'); 1078 var slides = document.querySelectorAll('.shark-slide'); 1079 var totalSlides = slides.length; 1080 var ticking = false;
1081 1082 function updateSlider() { 1083 var sectionRect = sliderSection.getBoundingClientRect(); 1084 var sectionTop = sectionRect.top; 1085 var sectionHeight = sectionRect.height; 1086 var windowHeight = window.innerHeight; 1087 1088 var scrollProgress = Math.max(0, Math.min(1, 1089 -sectionTop / (sectionHeight - windowHeight) 1090 )); 1091 1092 var exactSlideProgress = scrollProgress * totalSlides; 1093 var activeSlideIndex = Math.min(Math.floor(exactSlideProgress), totalSlides - 1); 1094 var slideTransition = exactSlideProgress - activeSlideIndex; 1095 var isLastSlideActive = activeSlideIndex === totalSlides - 1; 1096 1097 slides.forEach(function (slide) { 1098 var slideNumber = parseInt(slide.dataset.slide); 1099 1100 if (isLastSlideActive) { 1101 if (slideNumber < totalSlides - 1) { 1102 slide.style.transform = 'translate3d(0, 0, 0)'; 1103 slide.style.opacity = '0'; 1104 slide.style.zIndex = slideNumber; 1105 } else { 1106 slide.style.transform = 'translate3d(0, 0, 0)'; 1107 slide.style.opacity = '1'; 1108 slide.style.zIndex = '100'; 1109 } 1110 return; 1111 } 1112 1113 if (slideNumber < activeSlideIndex) { 1114 slide.style.transform = 'translate3d(0, 0, 0)'; 1115 slide.style.opacity = '0'; 1116 slide.style.zIndex = slideNumber; 1117 1118 } else if (slideNumber === activeSlideIndex) { 1119 var translateY = -(slideTransition * 8); 1120 var opacity = Math.max(0, 1 - slideTransition * 1.2); 1121 slide.style.transform = 'translate3d(0, ' + translateY + '%, 0)'; 1122 slide.style.opacity = String(opacity); 1123 slide.style.zIndex = String(50 + slideNumber); 1124 1125 } else if (slideNumber === activeSlideIndex + 1) { 1126 var eased = slideTransition * slideTransition; 1127 var ty = 100 - (eased * 100); 1128 slide.style.transform = 'translate3d(0, ' + ty + '%, 0)'; 1129 slide.style.opacity = '1'; 1130 slide.style.zIndex = '100'; 1131 1132 } else { 1133 slide.style.transform = 'translate3d(0, 100%, 0)'; 1134 slide.style.opacity = '1'; 1135 slide.style.zIndex = String(slideNumber); 1136 } 1137 }); 1138 } 1139 1140 function onScroll() { 1141 if (!ticking) { 1142 window.requestAnimationFrame(function () { 1143 updateSlider(); 1144 ticking = false; 1145 }); 1146 ticking = true; 1147 } 1148 } 1149 1150 window.addEventListener('scroll', onScroll, { passive: true }); 1151 updateSlider(); 1152 window.addEventListener('load', updateSlider); 1153 1154 var resizeTimer; 1155 function onResize() { 1156 clearTimeout(resizeTimer); 1157 resizeTimer = setTimeout(updateSlider, 120); 1158 } 1159 window.addEventListener('resize', onResize, { passive: true }); 1160 window.addEventListener('orientationchange', onResize, { passive: true }); 1161 1162})(); 1163</script>
1163</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-N9whknnM8m" data-animation-class data-entrance-clip="1" style="" class="fullSection noBorder radius0 none c-section c-wrapper section-N9whknnM8m"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-pjzlas9GwX" data-animation-class data-entrance-clip="1" style="" class="row-align-center noBorder radius0 none c-row c-wrapper row-pjzlas9GwX"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-UgTgn2_Nvm" data-animation-class data-entrance-clip="1" style="" class="noBorder radius0 none c-column c-wrapper col-UgTgn2_Nvm"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-A6A3ydJWUI" data-animation-class style="" class="c-custom-code c-wrapper custom-code-A6A3ydJWUI"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-A6A3ydJWUI__custom-code" class="custom-code-container ccustom-code-A6A3ydJWUI"><!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1164 Shark Power Washing â Projects Section (embed snippet) 1165 Paste this block directly into your page's <body>. 1166 No <html>/<head>/<body> wrappers needed. 1167 âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 1168 1169<!-- Google Fonts --> 1170<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@900&family=Montserrat:wght@300;400;500&display=swap" rel="stylesheet"> 1171 1172<style> 1173 /* âââ TEXT TICKER ââââââââââââââââââââââââââââââââââââââââââââ */ 1174 .text-carousel-section { 1175 position: relative !important; 1176 width: 100vw !important; 1177 overflow: hidden !important; 1178 padding: 100px 0 100px 0 !important; 1179 background: black !important; 1180 left: 50% !important; 1181 right: 50% !important; 1182 margin-left: -50vw !important; 1183 margin-right: -50vw !important; 1184 display: block !important; 1185 visibility: visible !important; 1186 } 1187 1188 .text-carousel-wrapper { 1189 opacity: 0 !important; 1190 transform: translateX(300px) !important; 1191 transition: opacity 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 1192 transform 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; 1193 display: block !important; 1194 visibility: visible !important; 1195 } 1196 1197 .text-carousel-wrapper.animate-in { 1198 opacity: 1 !important; 1199 transform: translateX(0) !important; 1200 } 1201 1202 .text-carousel-track { 1203 display: flex !important; 1204 gap: 60px !important; 1205 will-change: transform; 1206 white-space: nowrap !important; 1207 } 1208 1209 .text-item { 1210 font-size: clamp(60px, 10vw, 160px) !important; 1211 font-weight: 900 !important; 1212 color: white !important; 1213 display: inline-block !important; 1214 white-space: nowrap !important; 1215 text-transform: uppercase !important; 1216 font-family: 'Poppins', 'Montserrat', sans-serif !important; 1217 letter-spacing: -0.02em !important; 1218 } 1219 1220 /* âââ MAP EMBED SECTION âââââââââââââââââââââââââââââââââââââ */ 1221 .map-section { 1222 position: relative !important; 1223 width: 100vw !important; 1224 background: black !important; 1225 left: 50% !important; 1226 right: 50% !important; 1227 margin-left: -50vw !important; 1228 margin-right: -50vw !important; 1229 display: block !important; 1230 visibility: visible !important; 1231 padding: 60px 40px 100px 40px !important; 1232 } 1233 1234 .map-animation-wrapper { 1235 opacity: 0 !important; 1236 transform: translateX(300px) !important; 1237 transition: opacity 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 1238 transform 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; 1239 display: block !important; 1240 visibility: visible !important; 1241 max-width: 1400px !important; 1242 margin: 0 auto !important; 1243 width: 100% !important; 1244 height: 600px !important; 1245 border-radius: 4px !important; 1246 overflow: hidden !important; 1247 } 1248 1249 .map-animation-wrapper.animate-in { 1250 opacity: 1 !important; 1251 transform: translateX(0) !important; 1252 } 1253 1254 .map-animation-wrapper iframe { 1255 width: 100% !important; 1256 height: 100% !important; 1257 min-height: 400px !important; 1258 border: none !important; 1259 display: block !important; 1260 } 1261 1262 /* âââ MOBILE â 768px and below ââââââââââââââââââââââââââââââ */ 1263 @media (max-width: 768px) { 1264 .text-carousel-section { padding: 50px 0 !important; } 1265 .text-item { font-size: clamp(36px, 10vw, 160px) !important; } 1266 .map-section { padding: 40px 16px 60px 16px !important; } 1267 .map-animation-wrapper { height: 450px !important; } 1268 } 1269 1270 /* âââ Very small phones (< 480px) ââââââââââââââââââââââââââ */ 1271 @media (max-width: 480px) { 1272 .text-carousel-section { padding: 40px 0 !important; } 1273 .text-item { font-size: clamp(32px, 10vw, 160px) !important; } 1274 .map-section { padding: 30px 12px 50px 12px !important; } 1275 .map-animation-wrapper { height: 380px !important; } 1276 } 1277</style> 1278 1279<!-- âââ TEXT TICKER âââââââââââââââââââââââââââââââââââââââââââââââ --> 1280<div class="text-carousel-section"> 1281 <div class="text-carousel-wrapper" id="textCarouselWrapper"> 1282 <div class="text-carousel-track" id="textCarouselTrack">
1283 <span class="text-item">OUR PROJECTS.</span> 1284 <span class="text-item">OUR PROJECTS.</span> 1285 <span class="text-item">OUR PROJECTS.</span> 1286 <span class="text-item">OUR PROJECTS.</span> 1287 <span class="text-item">OUR PROJECTS.</span> 1288 <span class="text-item">OUR PROJECTS.</span> 1289 <span class="text-item">OUR PROJECTS.</span> 1290 <span class="text-item">OUR PROJECTS.</span> 1291 <span class="text-item">OUR PROJECTS.</span> 1292 <span class="text-item">OUR PROJECTS.</span> 1293 <span class="text-item">OUR PROJECTS.</span> 1294 <span class="text-item">OUR PROJECTS.</span> 1295 <span class="text-item">OUR PROJECTS.</span> 1296 <span class="text-item">OUR PROJECTS.</span> 1297 <span class="text-item">OUR PROJECTS.</span> 1298 <span class="text-item">OUR PROJECTS.</span> 1299 </div> 1300 </div> 1301</div> 1302 1303<!-- âââ MAP EMBED ââââââââââââââââââââââââââââââââââââââââââââââââ --> 1304<div class="map-section"> 1305 <div class="map-animation-wrapper" id="mapAnimationWrapper"> 1306 <iframe 1307 frameborder="0" 1308 src="https://trusty.app/embed/project-map/c925797a-4f3a-4e6b-99ca-96dacef0b6c5" 1309 allow="fullscreen" 1310 loading="lazy" 1311 ></iframe> 1312 </div> 1313</div> 1314
1315<script> 1316(function () { 1317 'use strict'; 1318 1319 const isMobile = window.matchMedia('(max-width: 768px)').matches; 1320 1321 const textWrapper = document.getElementById('textCarouselWrapper'); 1322 const textTrack = document.getElementById('textCarouselTrack'); 1323 const mapWrapper = document.getElementById('mapAnimationWrapper'); 1324 1325 if (textWrapper) textWrapper.style.display = 'block'; 1326 if (mapWrapper) mapWrapper.style.display = 'block'; 1327 1328 const TEXT_SPEED = isMobile ? 1.2 : 1.5; 1329 let textResetPoint = 0; 1330 1331 function cacheResetPoints() { 1332 if (textTrack) { 1333 const items = textTrack.children; 1334 const halfCount = Math.floor(items.length / 2); 1335 let w = 0; 1336 for (let i = 0; i < halfCount; i++) { 1337 w += items[i].offsetWidth + 60; // 60px = CSS gap 1338 } 1339 textResetPoint = w; 1340 } 1341 } 1342 1343 let textPos = 0; 1344 let rafId = null; 1345 let hidden = false; 1346 1347 function tick() { 1348 if (textResetPoint > 0) { 1349 textPos += TEXT_SPEED; 1350 if (textPos >= textResetPoint) textPos = 0; 1351 textTrack.style.transform = `translateX(-${textPos}px)`; 1352 } 1353 rafId = requestAnimationFrame(tick); 1354 } 1355 1356 function startLoop() { 1357 if (rafId === null && !hidden) rafId = requestAnimationFrame(tick); 1358 } 1359 1360 function stopLoop() { 1361 if (rafId !== null) { cancelAnimationFrame(rafId); rafId = null; } 1362 } 1363 1364 document.addEventListener('visibilitychange', function () { 1365 hidden = document.hidden; 1366 hidden ? stopLoop() : startLoop(); 1367 }); 1368 1369 if ('IntersectionObserver' in window) { 1370 const opts = { threshold: 0.15, rootMargin: '0px 0px -50px 0px' }; 1371 const observer = new IntersectionObserver(function (entries) { 1372 entries.forEach(function (entry) { 1373 if (!entry.isIntersecting) return; 1374 entry.target.classList.add('animate-in'); 1375 observer.unobserve(entry.target); 1376 }); 1377 }, opts); 1378 if (textWrapper) observer.observe(textWrapper); 1379 if (mapWrapper) observer.observe(mapWrapper); 1380 } else { 1381 if (textWrapper) textWrapper.classList.add('animate-in'); 1382 if (mapWrapper) mapWrapper.classList.add('animate-in'); 1383 } 1384 1385 window.addEventListener('load', function () { cacheResetPoints(); startLoop(); }); 1386 if (document.readyState === 'complete') { cacheResetPoints(); startLoop(); } 1387 1388 let resizeTimer; 1389 function onResize() { clearTimeout(resizeTimer); resizeTimer = setTimeout(cacheResetPoints, 150); } 1390 window.addEventListener('resize', onResize, { passive: true }); 1391 window.addEventListener('orientationchange', onResize, { passive: true }); 1392 1393})(); 1394</script>
1394</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-CT5Cxb2gKo" data-animation-class data-entrance-clip="1" style="" class="fullSection noBorder radius0 none c-section c-wrapper section-CT5Cxb2gKo"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-gIrdmk3TqK" data-animation-class data-entrance-clip="1" style="" class="row-align-center noBorder radius0 none c-row c-wrapper row-gIrdmk3TqK"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-tMEGCNuARw" data-animation-class data-entrance-clip="1" style="" class="noBorder radius0 none c-column c-wrapper col-tMEGCNuARw"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-2s47Dk1a27" data-animation-class style="" class="c-custom-code c-wrapper custom-code-2s47Dk1a27"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-2s47Dk1a27__custom-code" class="custom-code-container ccustom-code-2s47Dk1a27"><div class="hero-video-wrapper"> 1395 <div class="global-parallax-background"> 1396 <div class="global-parallax-image" id="globalParallaxImage"></div> 1397 </div> 1398 1399 <section class="hero-section" data-theme="light"> 1400 <div class="hero-content"> 1401 <div class="hero-label">Membership Options</div> 1402 <h1 class="hero-title">SCHEDULED.</h1> 1403 <h2 class="hero-title-accent">POLISHED.</h2> 1404 <h2 class="hero-title-accent2">YEAR-ROUND.</h2> 1405 </div> 1406 </section> 1407 1408 <section class="video-reveal-section" id="videoSection" data-theme="dark"> 1409 <div class="video-sticky-container"> 1410 <div class="video-circle-mask" id="videoMask"> 1411 <div class="video-container"> 1412 <video id="revealVideo1" class="reveal-video" muted loop playsinline preload="auto"> 1413 <source src="https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b54841cab7f76d19cd657c.mp4" type="video/mp4"> 1414 </video> 1415 <video id="revealVideo2" class="reveal-video" muted loop playsinline preload="none"> 1416 <source src="https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b5486fcab7f752e9cd696c.mp4" type="video/mp4"> 1417 </video> 1418 </div> 1419 <div class="cta-overlay" id="ctaOverlay"> 1420 <div class="cta-text"> 1421 <p>Exterior care, on repeat.</p> 1422 <p>Priority scheduling, preferred member pricing, and consistent results without the reminder.</p> 1423 </div> 1424 <div class="cta-buttons"> 1425 <a href="https://sharknc.com/memberships" class="cta-button primary">Explore Membership Options</a> 1426 </div> 1427 <p class="tier-hint"> 1428 Choose your level of protection:<br><span class="tier-names">Bull Shark • Hammerhead • Megalodon VIP</span> 1429 </p> 1430 </div> 1431 </div> 1432 </div> 1433 </section> 1434</div> 1435
1436<script> 1437(function () { 1438 'use strict'; 1439 1440 // ââ Inject Google Fonts âââââââââââââââââââââââââââââââââââââââââââ 1441 var fontLink = document.createElement('link'); 1442 fontLink.rel = 'stylesheet'; 1443 fontLink.href = 'https://fonts.googleapis.com/css2?family=Poppins:wght@900&family=Montserrat:wght@300;400;500;600;800&display=swap'; 1444 document.head.appendChild(fontLink); 1445 1446 // ââ Inject styles âââââââââââââââââââââââââââââââââââââââââââââââââ 1447 var style = document.createElement('style'); 1448 style.textContent = [ 1449 '.hero-video-wrapper { position: relative; background: #ffffff; width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; padding-left: 0 !important; padding-right: 0 !important; }', 1450 1451 '.global-parallax-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; pointer-events: none; }', 1452 1453 '.global-parallax-image { position: absolute; top: 0; left: 0; width: 100%; height: 150%; background-image: url("https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b54798cab7f72889cd57fe.jpg"); background-size: cover; background-position: center top; background-repeat: no-repeat; will-change: transform; }', 1454 1455 '.hero-section, .video-reveal-section { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; padding-left: 0 !important; padding-right: 0 !important; }', 1456 1457 '.hero-section { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 15vh; padding-bottom: 20px; position: relative; background: transparent; overflow: hidden; z-index: 2; }', 1458 1459 '.hero-content { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; padding: 0 20px; }', 1460 1461 '@keyframes sharkFadeUp { to { opacity: 1; transform: translateY(0); } }', 1462 1463 '.hero-label { font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 800; letter-spacing: 5px; text-transform: uppercase; color: #00B3BE; margin-bottom: 30px; opacity: 0; transform: translateY(20px); animation: sharkFadeUp 1s ease forwards 0.3s; }', 1464 1465 '.hero-title { font-family: "Poppins", "Montserrat", sans-serif; font-size: clamp(48px, 10vw, 120px); font-weight: 900; letter-spacing: clamp(2px, 0.5vw, 8px); color: #101010; text-align: center; line-height: 1; margin-bottom: 10px; opacity: 0; transform: translateY(30px); animation: sharkFadeUp 1s ease forwards 0.5s; text-transform: uppercase; }', 1466 1467 '.hero-title-accent { font-family: "Poppins", "Montserrat", sans-serif; font-size: clamp(48px, 10vw, 120px); font-weight: 900; letter-spacing: clamp(2px, 0.5vw, 8px); color: #101010; text-align: center; line-height: 1; margin-bottom: 10px; opacity: 0; transform: translateY(30px); animation: sharkFadeUp 1s ease forwards 0.6s; text-transform: uppercase; }', 1468 1469 '.hero-title-accent2 { font-family: "Poppins", "Montserrat", sans-serif; font-size: clamp(48px, 10vw, 120px); font-weight: 900; letter-spacing: clamp(2px, 0.5vw, 8px); color: #101010; text-align: center; line-height: 1; margin-bottom: 50px; opacity: 0; transform: translateY(30px); animation: sharkFadeUp 1s ease forwards 0.7s; text-transform: uppercase; }', 1470 1471 '.video-reveal-section { position: relative; min-height: 250vh !important; height: 250vh !important; background: transparent; z-index: 2; }', 1472 1473 '.video-sticky-container { position: sticky; top: 0; height: 100vh; width: 100vw; display: flex; align-items: center; justify-content: center; overflow: visible !important; left: 0; }', 1474 1475 '.video-circle-mask { position: absolute; overflow: hidden; will-change: clip-path; width: 100vw; height: 100vh; top: 0; left: 50%; transform: translateX(-50%); z-index: 4; }', 1476 1477 '.video-container { position: relative; width: 100%; height: 100%; }', 1478 1479 '.video-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: 1; pointer-events: none; }', 1480 1481 '.video-circle-mask video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.5s ease; }', 1482 1483 '.video-circle-mask video.active { opacity: 1; }', 1484 1485 '.cta-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; opacity: 0; transition: opacity 0.5s ease; pointer-events: none; text-align: center; max-width: 900px; padding: 0 20px; }', 1486 1487 '.cta-overlay.visible { opacity: 1; pointer-events: auto; }', 1488 1489 '.cta-text { font-family: "Montserrat", sans-serif; font-size: clamp(14px, 2vw, 20px); font-weight: 400; letter-spacing: 1px; line-height: 1.8; color: rgba(255,255,255,0.95); text-shadow: 0 2px 20px rgba(0,0,0,0.9); margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto; }', 1490 1491 '.cta-text p { display: block; margin: 0; padding: 0; }', 1492 1493 '.cta-text p + p { margin-top: 1.2em; }', 1494 1495 '.cta-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; }', 1496 1497 '.cta-button { font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 5px; text-transform: uppercase; color: #ffffff; background: rgba(0,179,190,0.15); backdrop-filter: blur(12px); border: 2px solid rgba(0,179,190,0.8); padding: 22px 65px; cursor: pointer; transition: all 0.6s cubic-bezier(0.19,1,0.22,1); text-decoration: none; display: inline-block; position: relative; overflow: hidden; box-shadow: 0 8px 40px rgba(0,179,190,0.3); }', 1498 1499 '.cta-button::after { content: ""; position: absolute; inset: -2px; border: 2px solid rgba(255,255,255,0); border-radius: inherit; transition: all 0.6s cubic-bezier(0.19,1,0.22,1); pointer-events: none; }', 1500 1501 '.cta-button.primary { background: rgba(0,179,190,0.15); color: #ffffff; border-color: rgba(0,179,190,0.8); }', 1502 1503 '.cta-button.primary:hover { background: rgba(0,179,190,0.3); border-color: rgba(0,179,190,1); transform: translateY(-3px); box-shadow: 0 12px 50px rgba(0,179,190,0.5); letter-spacing: 6px; }', 1504 1505 '.cta-button.primary:hover::after { border-color: rgba(0,179,190,0.15); inset: -6px; }', 1506 1507 '.tier-hint { font-family: "Montserrat", sans-serif; font-size: clamp(13px, 1.6vw, 18px); font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #ffffff; text-shadow: none; }', 1508 1509 '.tier-names { font-weight: 800; color: #00B3BE; text-shadow: 0 0 16px rgba(0,179,190,0.5); }', 1510 1511 '@media (max-width: 768px) {', 1512 ' .hero-section { padding-top: max(100px, 15vh); padding-bottom: 16px; }', 1513 ' .hero-label { font-size: 11px; letter-spacing: 3px; margin-bottom: 20px; }', 1514 ' .hero-title-accent2 { margin-bottom: 30px; }', 1515 ' .cta-text { font-size: clamp(13px, 3.5vw, 16px); margin-bottom: 28px; letter-spacing: 0.5px; line-height: 1.7; }', 1516 ' .cta-buttons { flex-direction: column; align-items: center; width: 100%; max-width: 340px; gap: 12px; }', 1517 ' .cta-button { width: 100%; padding: 18px 24px; font-size: 9px; letter-spacing: 3px; text-align: center; }', 1518 ' .cta-button.primary:hover { transform: none; letter-spacing: 3px; }', 1519 ' .tier-hint { font-size: clamp(12px, 3vw, 15px); letter-spacing: 2px; line-height: 1.8; max-width: 320px; margin: 0 auto; }', 1520 '}', 1521 1522 '@media (max-width: 480px) {', 1523 ' .hero-section { padding-top: max(90px, 14vh); }', 1524 ' .hero-label { font-size: 10px; letter-spacing: 2.5px; margin-bottom: 16px; }', 1525 ' .hero-title-accent2 { margin-bottom: 24px; }', 1526 ' .cta-buttons { max-width: 300px; }', 1527 ' .cta-button { padding: 16px 20px; font-size: 8.5px; letter-spacing: 2.5px; }', 1528 ' .tier-hint { font-size: clamp(11px, 2.8vw, 13px); letter-spacing: 1.5px; max-width: 290px; }', 1529 '}', 1530 1531 '@media (max-width: 768px) and (orientation: landscape) {', 1532 ' .hero-section { padding-top: max(70px, 10vh); padding-bottom: 8px; }', 1533 ' .hero-title-accent2 { margin-bottom: 16px; }', 1534 ' .cta-text { font-size: 12px; margin-bottom: 16px; }', 1535 ' .cta-buttons { flex-direction: row; max-width: 100%; }', 1536 ' .cta-button { width: auto; padding: 14px 22px; }', 1537 ' .tier-hint { font-size: 11px; }', 1538 '}' 1539 ].join('\n'); 1540 document.head.appendChild(style); 1541 1542 // ââ Video cycling âââââââââââââââââââââââââââââââââââââââââââââââââ 1543 var videoSection = document.getElementById('videoSection'); 1544 var videoMask = document.getElementById('videoMask'); 1545 var videos = document.querySelectorAll('.reveal-video'); 1546 var ctaOverlay = document.getElementById('ctaOverlay'); 1547 var globalParallaxImage = document.getElementById('globalParallaxImage'); 1548 1549 if (!videoSection || !videoMask) return; 1550 1551 var isMobile = window.matchMedia('(max-width: 768px)').matches; 1552 var currentVideoIndex = 0; 1553 1554 videos[0].classList.add('active'); 1555 videos[0].play().catch(function () {}); 1556 1557 var videoInterval = setInterval(function () { 1558 var current = videos[currentVideoIndex]; 1559 var nextIndex = (currentVideoIndex + 1) % videos.length; 1560 var next = videos[nextIndex]; 1561 current.classList.remove('active'); 1562 next.classList.add('active'); 1563 if (next.readyState === 0) next.load(); 1564 next.play().catch(function () {}); 1565 currentVideoIndex = nextIndex; 1566 }, 8000); 1567 1568 document.addEventListener('visibilitychange', function () { 1569 if (document.hidden) { 1570 clearInterval(videoInterval); 1571 videos[currentVideoIndex].pause(); 1572 } else { 1573 videos[currentVideoIndex].play().catch(function () {}); 1574 } 1575 }); 1576 1577 // ââ Easing helpers ââââââââââââââââââââââââââââââââââââââââââââââââ 1578 function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); } 1579 function easeInOutQuad(t) { return t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2; } 1580 1581 // ââ Scroll handler ââââââââââââââââââââââââââââââââââââââââââââââââ 1582 function handleScroll() { 1583 var rect = videoSection.getBoundingClientRect(); 1584 var sectionHeight = rect.height;
1585 var viewportHeight = window.innerHeight; 1586 var viewportWidth = window.innerWidth; 1587 var scrolled = -rect.top; 1588 var totalScrollDist = sectionHeight - viewportHeight; 1589 var progress = Math.max(0, Math.min(1, scrolled / totalScrollDist)); 1590 1591 if (!isMobile && globalParallaxImage) { 1592 var pageScrolled = window.pageYOffset || document.documentElement.scrollTop; 1593 globalParallaxImage.style.transform = 'translateY(-' + (pageScrolled * 0.3) + 'px)'; 1594 } 1595 1596 var diagonal = Math.sqrt(viewportWidth * viewportWidth + viewportHeight * viewportHeight); 1597 var isMobileLocal = viewportWidth <= 768; 1598 var startRadiusPx = ((isMobileLocal ? 40 : 25) / 100) * diagonal; 1599 var clipPath; 1600 1601 if (progress <= 0.15) { 1602 var ep1 = easeOutCubic(progress / 0.15); 1603 var centerY = 50 + (8 * (1 - ep1)); 1604 clipPath = 'circle(' + startRadiusPx + 'px at 50% ' + centerY + '%)'; 1605 } else if (progress <= 0.9) { 1606 var ep2 = easeInOutQuad((progress - 0.15) / 0.75); 1607 var currentRadius = startRadiusPx + (ep2 * (diagonal * 0.75 - startRadiusPx)); 1608 clipPath = 'circle(' + currentRadius + 'px at 50% 50%)'; 1609 } else { 1610 clipPath = 'none'; 1611 } 1612 1613 videoMask.style.clipPath = clipPath; 1614 videoMask.style.webkitClipPath = clipPath; 1615 1616 if (progress > 0.5) { 1617 ctaOverlay.classList.add('visible'); 1618 } else { 1619 ctaOverlay.classList.remove('visible'); 1620 } 1621 } 1622 1623 // ââ Scroll + resize listeners âââââââââââââââââââââââââââââââââââââ 1624 var ticking = false; 1625 window.addEventListener('scroll', function () { 1626 if (!ticking) { 1627 window.requestAnimationFrame(function () { handleScroll(); ticking = false; }); 1628 ticking = true; 1629 } 1630 }, { passive: true }); 1631 1632 var resizeTimer; 1633 window.addEventListener('resize', function () { 1634 clearTimeout(resizeTimer); 1635 resizeTimer = setTimeout(handleScroll, 150); 1636 }, { passive: true }); 1637 1638 window.addEventListener('orientationchange', function () { 1639 clearTimeout(resizeTimer); 1640 resizeTimer = setTimeout(handleScroll, 200); 1641 }, { passive: true }); 1642 1643 // ââ Init ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1644 if (document.readyState === 'complete') { 1645 window.requestAnimationFrame(handleScroll); 1646 } else { 1647 window.addEventListener('load', function () { 1648 window.requestAnimationFrame(handleScroll); 1649 }); 1650 } 1651 1652})(); 1653</script>
1653</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-O_KplaREqn" data-animation-class data-entrance-clip="1" style="" class="fullSection noBorder radius0 none c-section c-wrapper section-O_KplaREqn"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-Nx3QLlaz7S" data-animation-class data-entrance-clip="1" style="" class="row-align-center noBorder radius0 none c-row c-wrapper row-Nx3QLlaz7S"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-meL-6weEOU" data-animation-class data-entrance-clip="1" style="" class="noBorder radius0 none c-column c-wrapper col-meL-6weEOU"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-Jo9k77mDax" data-animation-class style="" class="c-custom-code c-wrapper custom-code-Jo9k77mDax"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-Jo9k77mDax__custom-code" class="custom-code-container ccustom-code-Jo9k77mDax"><!DOCTYPE html> 1654<html lang="en"> 1655<head> 1656 <meta charset="UTF-8"> 1657 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 1658 <title>SHARK Contact Section - GHL Ready</title> 1659 <link rel="preconnect" href="https://fonts.googleapis.com"> 1660 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 1661 <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap" rel="stylesheet"> 1662 <style> 1663 * { 1664 margin: 0; 1665 padding: 0; 1666 box-sizing: border-box; 1667 } 1668 1669 html, body { 1670 width: 100%; 1671 height: 100%; 1672 margin: 0; 1673 padding: 0; 1674 } 1675 1676 body { 1677 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Arial', sans-serif; 1678 color: #101010; 1679 line-height: 1.6; 1680 background: #ffffff url('https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b54798cab7f72889cd57fe.jpg') center/cover no-repeat fixed; 1681 } 1682 1683 /* âââ SECTION TITLE ââââââââââââââââââââââââââââââââââââââââââ */ 1684 .section-title { 1685 font-size: 0.75rem; 1686 font-weight: 600; 1687 letter-spacing: 3px; 1688 margin-bottom: 4rem; 1689 color: #BEBEBE; 1690 text-transform: uppercase; 1691 position: relative; 1692 display: inline-block; 1693 } 1694 1695 .section-title::after { 1696 content: ''; 1697 display: block; 1698 width: 60px; 1699 height: 2px; 1700 background: #00B3BE; 1701 margin-top: 1rem; 1702 border-radius: 2px; 1703 margin-left: auto; 1704 margin-right: auto; 1705 } 1706 1707 /* âââ CONTACT SECTION ââââââââââââââââââââââââââââââââââââââââ */ 1708 .contact-section { 1709 background-color: transparent; 1710 padding: 5rem 0; 1711 width: 100vw; 1712 min-height: 100vh; 1713 display: flex; 1714 flex-direction: column; 1715 align-items: center; 1716 position: relative; 1717 left: 50%; 1718 right: 50%; 1719 margin-left: -50vw; 1720 margin-right: -50vw; 1721 } 1722 1723 .contact-section::before { 1724 content: ''; 1725 position: absolute; 1726 top: 0; 1727 left: 0; 1728 width: 100%; 1729 height: 100%; 1730 background: rgba(255, 255, 255, 0.6); 1731 z-index: 0; 1732 } 1733 1734 .contact-section::after { 1735 content: ''; 1736 position: absolute; 1737 top: 0; 1738 left: 0; 1739 width: 100%; 1740 height: 100%; 1741 background-image: url('data:image/svg+xml,%3Csvg width="100" height="100" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" /%3E%3C/filter%3E%3Crect width="100" height="100" filter="url
1741(%23noise)" opacity="0.02" /%3E%3C/svg%3E'); 1742 opacity: 0.4; 1743 pointer-events: none; 1744 z-index: 1; 1745 } 1746 1747 .contact-section > .section-title { 1748 align-self: center; 1749 position: relative; 1750 z-index: 2; 1751 } 1752 1753 .contact-container { 1754 max-width: 900px; 1755 margin: 0 auto; 1756 width: 100%; 1757 padding-left: 8%; 1758 padding-right: 8%; 1759 position: relative; 1760 z-index: 2; 1761 } 1762 1763 .form-header { 1764 margin-bottom: 3.5rem; 1765 text-align: center; 1766 } 1767 1768 .form-headline { 1769 font-family: 'Montserrat', sans-serif; 1770 font-weight: 800; 1771 font-size: 4rem; 1772 letter-spacing: -0.5px; 1773 color: #000000; 1774 margin-bottom: 1.5rem; 1775 line-height: 1.2; 1776 text-transform: uppercase; 1777 } 1778 1779 .form-subhead { 1780 font-family: 'Montserrat', sans-serif; 1781 font-weight: 600; 1782 font-size: 1rem; 1783 color: #101010; 1784 line-height: 1.7; 1785 max-width: 600px; 1786 letter-spacing: 0.3px; 1787 margin: 0 auto; 1788 } 1789 1790 /* âââ GHL FORM WRAPPER âââââââââââââââââââââââââââââââââââââââ */ 1791 .ghl-form-wrapper { 1792 width: 100%; 1793 min-height: 600px; 1794 } 1795 1796 .ghl-form-wrapper iframe { 1797 width: 100%; 1798 height: 1642px; 1799 border: none; 1800 border-radius: 4px; 1801 display: block; 1802 } 1803 1804 /* âââ FOOTER âââââââââââââââââââââââââââââââââââââââââââââââââ */ 1805 #shark-footer { 1806 background: linear-gradient(180deg, #000000 0%, #0a0a0a 100%); 1807 color: #ffffff; 1808 padding: 5rem 8% 5rem; 1809 width: 100vw; 1810 position: relative; 1811 left: 50%; 1812 right: 50%; 1813 margin-left: -50vw; 1814 margin-right: -50vw; 1815 margin-top: 0; 1816 } 1817 1818 #shark-footer::after { 1819 content: ''; 1820 display: block; 1821 position: absolute; 1822 bottom: -60px; 1823 left: 0; 1824 width: 100%; 1825 height: 60px; 1826 background-color: #000000; 1827 } 1828 1829 .footer-content { 1830 display: grid; 1831 grid-template-columns: 1.2fr 1fr; 1832 gap: 5rem; 1833 padding-bottom: 4rem; 1834 border-bottom: 1px solid rgba(255, 255, 255, 0.06); 1835 max-width: 1400px; 1836 margin: 0 auto; 1837 } 1838 1839 .footer-brand { 1840 display: flex; 1841 flex-direction: column; 1842 gap: 2rem; 1843 } 1844 1845 .footer-logo { 1846 max-width: 280px; 1847 height: auto; 1848 } 1849 1850 .footer-tagline { 1851 font-size: 0.85rem; 1852 font-weight: 400; 1853 color: rgba(255, 255, 255, 0.5); 1854 line-height: 1.8; 1855 max-width: 400px; 1856 letter-spacing: 0.3px; 1857 } 1858 1859 .footer-info { 1860 display: flex; 1861 flex-direction: column; 1862 gap: 2.5rem; 1863 } 1864 1865 .footer-section-title { 1866 font-size: 0.65rem; 1867 font-weight: 600; 1868 letter-spacing: 3px; 1869 color: rgba(255, 255, 255, 0.5); 1870 text-transform: uppercase; 1871 margin-bottom: 1rem; 1872 } 1873 1874 .service-areas { 1875 font-size: 0.85rem; 1876 font-weight: 400; 1877 color: rgba(255, 255, 255, 0.5); 1878 line-height: 1.9; 1879 letter-spacing: 0.3px; 1880 } 1881 1882 .service-areas span { 1883 display: inline-block; 1884 margin-right: 0.5rem; 1885 } 1886 1887 .service-areas span:not(:last-child)::after { 1888 content: '\00b7'; 1889 margin-left: 0.5rem; 1890 color: rgba(0, 179, 190, 0.4); 1891 } 1892 1893 .social-links { 1894 display: flex; 1895 gap: 1.2rem; 1896 align-items: center; 1897 flex-wrap: wrap; 1898 } 1899 1900 .social-links a { 1901 display: flex; 1902 align-items: center; 1903 justify-content: center; 1904 width: 42px; 1905 height: 42px; 1906 border: 1px solid rgba(255, 255, 255, 0.12); 1907 border-radius: 50%; 1908 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 1909 position: relative; 1910 } 1911 1912 .social-links a svg { 1913 width: 17px; 1914 height: 17px; 1915 fill: rgba(255, 255, 255, 0.5); 1916 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 1917 } 1918 1919 .social-links a:hover { 1920 border-color: #00B3BE; 1921 transform: translateY(-3px); 1922 box-shadow: 0 5px 20px rgba(0, 179, 190, 0.25); 1923 } 1924 1925 .social-links a:hover svg { 1926 fill: #00B3BE; 1927 } 1928 1929 .footer-bottom { 1930 padding-top: 2.5rem; 1931 text-align: center; 1932 max-width: 1400px; 1933 margin: 0 auto; 1934 } 1935 1936 .footer-legal-links { 1937 display: flex; 1938 gap: 2rem; 1939 align-items: center; 1940 justify-content: center; 1941 margin-bottom: 1.5rem; 1942 } 1943 1944 .footer-legal-links a { 1945 font-size: 0.65rem; 1946 font-weight: 600; 1947 letter-spacing: 2px; 1948 color: rgba(255, 255, 255, 0.4); 1949 text-transform: uppercase; 1950 text-decoration: none; 1951 transition: all 0.3s ease; 1952 } 1953 1954 .footer-legal-links a:hover { 1955 color: #00B3BE; 1956 } 1957 1958 .footer-legal-links span { 1959 color: rgba(0, 179, 190, 0.4); 1960 font-weight: 400; 1961 } 1962 1963 .footer-copyright { 1964 font-size: 0.65rem; 1965 font-weight: 600; 1966 letter-spacing: 2px; 1967 color: rgba(255, 255, 255, 0.4); 1968 text-transform: uppercase; 1969 } 1970 1971 /* âââ TABLET (1024px) ââââââââââââââââââââââââââââââââââââââââ */ 1972 @media (max-width: 1024px) { 1973 .footer-content { gap: 3.5rem; } 1974 .footer-logo { max-width: 240px; } 1975 } 1976 1977 /* âââ TABLET (968px) âââââââââââââââââââââââââââââââââââââââââ */ 1978 @media (max-width: 968px) { 1979 .form-headline { font-size: 3rem; } 1980 .form-subhead { font-size: 0.95rem; } 1981 } 1982 1983 /* âââ MOBILE â 768px and below ââââââââââââââââââââââââââââââ */ 1984 @media (max-width: 768px) { 1985 .contact-section { padding: 3rem 0; } 1986 .contact-container { padding-left: 5%; padding-right: 5%; } 1987 .form-header { margin-bottom: 2rem; } 1988 .section-title { font-size: 0.7rem; letter-spacing: 2px; margin-bottom: 2.5rem; } 1989 .form-headline { font-size: clamp(1.6rem, 7.5vw, 2.5rem); margin-bottom: 1rem; } 1990 .form-subhead { font-size: 0.88rem; line-height: 1.65; max-width: 100%; } 1991 1992 #shark-footer { padding: 3.5rem 0 3rem; } 1993 .footer-content { 1994 grid-template-columns: 1fr; 1995 gap: 2.5rem; 1996 padding-bottom: 2.5rem; 1997 text-align: center; 1998 padding-left: 5%; 1999 padding-right: 5%; 2000 } 2001 .footer-brand { align-items: center; } 2002 .footer-logo { 2003 max-width: 165px; 2004 width: 165px; 2005 height: auto; 2006 display: block; 2007 margin: 0 auto; 2008 } 2009 .footer-tagline { 2010 font-size: 0.75rem; 2011 text-align: center; 2012 max-width: 100%; 2013 box-sizing: border-box; 2014 line-height: 1.6; 2015 margin-left: auto; 2016 margin-right: auto; 2017 } 2018 .footer-info { align-items: center; text-align: center; } 2019 .service-areas span { display: block; margin-bottom: 0.2rem; margin-right: 0; } 2020 .service-areas span:not(:last-child)::after { content: ''; margin: 0; } 2021 .social-links { justify-content: center; gap: 0.8rem; } 2022 .footer-bottom { padding-top: 2.5rem; padding-left: 5%; padding-right: 5%; } 2023 .footer-legal-links { flex-direction: column; gap: 0.75rem; margin-bottom: 1rem; } 2024 .footer-legal-links span { display: none; } 2025 .footer-legal-links a { font-size: 0.6rem; letter-spacing: 1px; } 2026 .footer-copyright { 2027 font-size: 0.5rem; 2028 letter-spacing: 0.5px; 2029 word-break: break-word; 2030 text-align: center; 2031 line-height: 1.4; 2032 } 2033 } 2034 2035 /* âââ Very small phones (< 480px) ââââââââââââââââââââââââââ */ 2036 @media (max-width: 480px) { 2037 .contact-section { padding: 2.5rem 0; } 2038 .form-headline { font-size: clamp(1.4rem, 8vw, 2rem); } 2039 .form-subhead { font-size: 0.82rem; } 2040 .section-title { font-size: 0.65rem; letter-spacing: 1.5px; margin-bottom: 2rem; } 2041 #shark-footer { padding: 3.5rem 0 3rem; } 2042 .footer-logo { max-width: 165px; width: 165px; } 2043 .footer-tagline { font-size: 0.75rem; } 2044 .footer-legal-links a { font-size: 0.65rem; letter-spacing: 2px; } 2045 .footer-copyright { font-size: 0.5rem; letter-spacing: 0.5px; } 2046 } 2047 </style> 2048</head> 2049<body> 2050 <section class="contact-section" data-theme="light"> 2051 <div class="section-title">Schedule Your Walk-Through Today</div> 2052 2053 <div class="contact-container"> 2054 <div class="form-header"> 2055 <h2 class="form-headline">Your Property, Professionally Handled</h2> 2056 <p class="form-subhead">A clear assessment. A tailored plan. Defined from the start.</p> 2057 </div> 2058 2059 <div class="ghl-form-wrapper"> 2060 <iframe 2061 src="https://api.leadconnectorhq.com/widget/form/7tv1pYEBoKCkShfGdneM" 2062 style="width:100%;height:100%;border:none;border-radius:4px" 2063 id="inline-Uqde0PuM5o7OBmYKL4O4" 2064 data-layout="{'id':'INLINE'}" 2065 data-trigger-type="alwaysShow" 2066 data-trigger-value="" 2067 data-activation-type="alwaysActivated" 2068 data-activation-value="" 2069 data-deactivation-type="neverDeactivate" 2070 data-deactivation-value="" 2071 data-form-name="COPY - Schedule Property Walk-Through Form - Copy" 2072 data-height="1642" 2073 data-layout-iframe-id="inline-Uqde0PuM5o7OBmYKL4O4" 2074 data-form-id="Uqde0PuM5o7OBmYKL4O4" 2075 title="COPY - Schedule Property Walk-Through Form - Copy" 2076 ></iframe> 2077
2077<script src="https://link.msgsndr.com/js/form_embed.js"></script>
2077 2078 </div> 2079 </div> 2080 </section> 2081 2082 <footer id="shark-footer" data-theme="dark"> 2083 <div class="footer-content"> 2084 <div class="footer-brand"> 2085 <img src="https://assets.cdn.filesafe.space/0PvaBYJZzOa7DH3aBbxY/media/69b547fb277ba0108ef0fc0d.png" alt="SHARK Power Washing" class="footer-logo"> 2086 <p class="footer-tagline">Exterior Care, Held to a Higher Standard. Fully Certified & Insured.</p> 2087 </div> 2088 2089 <div class="footer-info"> 2090 <div> 2091 <h3 class="footer-section-title">Service Area</h3> 2092 <div class="service-areas"> 2093 <span>Wrightsville Beach</span> 2094 <span>Landfall</span> 2095 <span>Figure Eight Island</span> 2096 <span>Carolina Beach</span> 2097 <span>Kure Beach</span> 2098 <span>Porters Neck</span> 2099 <span>Hampstead</span> 2100 <span>Wilmington</span> 2101 <span>Topsail Beach</span> 2102 <span>Ogden</span> 2103 <span>Surrounding Areas</span> 2104 </div> 2105 </div> 2106 2107 <div> 2108 <h3 class="footer-section-title">Connect With Us</h3> 2109 <div class="social-links"> 2110 <a href="https://www.facebook.com/SharkPressureWash" target="_blank" rel="noopener noreferrer" aria-label="Facebook"> 2111 <svg viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> 2112 </a> 2113 <a href="https://www.youtube.com/@SharkPowerWashing" target="_blank" rel="noopener noreferrer" aria-label="YouTube"> 2114 <svg viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg> 2115 </a> 2116 <a href="https://www.instagram.com/p/DUbiv_uDj3n/" target="_blank" rel="noopener noreferrer" aria-label="Instagram"> 2117 <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg> 2118 </a> 2119 <a href="https://www.google.com/maps/place/Shark+Power+Washing/@34.208056,-77.7952242,3552m/data=!3m1!1e3!4m6!3m5!1s0x89a9f371c93a13db:0xa11c9864b720e196!8m2!3d34.272186!4d-77.873443!16s%2Fg%2F11jp0g_lvm!5m1!1e2?entry=ttu&g_ep=EgoyMDI2MDIxNy4wIKXMDSoASAFQAw%3D%3D" target="_blank" rel="noopener noreferrer" aria-label="Google Maps"> 2120 <svg viewBox="0 0 24 24">
2120<path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg> 2121 </a> 2122 </div> 2123 </div> 2124 </div> 2125 </div> 2126 2127 <div class="footer-bottom"> 2128 <div class="footer-legal-links"> 2129 <a href="https://app.gohighlevel.com/v2/preview/cDlmXJIIjcRJYYAOL74I?notrack=true" target="_blank" rel="noopener noreferrer">Privacy Policy</a> 2130 <span>·</span> 2131 <a href="https://app.gohighlevel.com/v2/preview/1MjLRfWYkFIdGjwdnqIn?notrack=true" target="_blank" rel="noopener noreferrer">Terms of Service</a> 2132 </div> 2133 <p class="footer-copyright">© 2025 Shark Power Washing | All Rights Reserved</p> 2134 </div> 2135 </footer> 2136 2137</body> 2138</html></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div></div><!----><!----><!----></div><!--]--></div><!--]--><!--]--></div><div id="teleports"></div>
2138<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:"6c7dc3fa-0bfb-493e-84f3-f4539414ac49",buildAssetsDir:"/_preview/",cdnURL:"https://stcdn.leadconnectorhq.com/"}}</script>
2138<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":430,"once":622,"_errors":623,"serverRendered":43},["ShallowReactive",3],{"pageData":4},{"elements":5,"popup":381,"fontsToLoad":382,"customFonts":383,"meta":384,"domainName":385,"pageUrl":386,"pageId":387,"pageName":388,"locationId":389,"headerCode":40,"footerCode":40,"popupsList":390,"favicon":424,"globalHeadTrackingCode":40,"globalBodyTrackingCode":40,"funnelId":425,"funnelName":426,"stepId":427,"affiliateId":-1,"cookieConsent":-1,"disablePageLevelCookieConsent":36,"pixelToInit":428,"isOptimisePageLoad":43,"backgroundSettingsClass":42,"schemaMarkup":429,"isGeolocationNeeded":36},[6,13,51,75,105,118,136,157,168,189,207,228,239,260,278,299,310,331,349,370],{"id":7,"child":8},"hl_main",[9,10,11,12],"section--EX727eSv-","section-N9whknnM8m","section-CT5Cxb2gKo","section-O_KplaREqn",{"id":9,"type":14,"child":15,"class":18,"styles":27,"extra":31,"meta":14,"tagName":49,"title":50,"_id":9},"section",[16,17],"row-8RXvwMWDyl","row-KiyEK3703Y",{"width":19,"borders":21,"borderRadius":23,"radiusEdge":25},{"value":20},"fullSection",{"value":22},"noBorder",{"value":24},"radius0",{"value":26},"none",{"borderWidth":28},{"value":29,"unit":30},"2","px",{"sticky":32,"visibility":34,"bgImage":37,"allowRowMaxWidth":44,"customClass":45,"elementScreenshot":47},{"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":43},"image","","1","bgCover",true,{"value":36},{"value":46},[],{"value":48},[],"c-section","Section",{"id":17,"type":52,"child":53,"class":55,"styles":61,"extra":63,"tagName":73,"meta":52,"title":74},"row",[54],"col-W0trH0psk2",{"alignRow":56,"borders":58,"borderRadius":59,"radiusEdge":60},{"value":57},"row-align-center",{"value":22},{"value":24},{"value":26},{"borderWidth":62},{"value":29,"unit":30},{"visibility":64,"bgImage":66,"rowWidth":68,"customClass":71},{"value":65},{"hideDesktop":36,"hideMobile":36},{"value":67},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":69,"unit":70},100,"%",{"value":72},[],"c-row","1 Column Row",{"id":54,"type":76,"child":77,"class":79,"styles":84,"extra":86,"tagName":102,"meta":76,"title":103,"noOfColumns":104},"col",[78],"custom-code-jl0Hji6Oj5",{"borders":80,"borderRadius":81,"radiusEdge":82,"nestedColumn":83},{"value":22},{"value":24},{"value":26},{"value":40},{"borderWidth":85},{"value":29,"unit":30},{"visibility":87,"bgImage":89,"columnLayout":91,"justifyContentColumnLayout":93,"alignContentColumnLayout":95,"forceColumnLayoutForMobile":97,"customClass":98,"elementVersion":100},{"value":88},{"hideDesktop":36,"hideMobile":36},{"value":90},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":92},"column",{"value":94},"center",{"value":96},"inherit",{"value":43},{"value":99},[],{"value":101},2,"c-column","1st Column",1,{"extra":106,"id":78,"meta":115,"tagName":116,"class":117},{"visibility":107,"customCode":109,"customClass":112,"nodeId":114},{"value":108},{"hideMobile":40,"hideDesktop":40},{"value":110},{"rawCustomCode":111},"\u003C!-- Slider Section -->\n\u003Csection class=\"shark-slider-section\">\n \u003Cdiv class=\"shark-scroll-wrapper\">\n\n \u003Cdiv class=\"shark-slide\" data-slide=\"0\">\n \u003Cdiv class=\"shark-slide-content\">\n \u003Cdiv class=\"shark-slide-label\">Residential Services\u003C\u002Fdiv>\n \u003Ch2 class=\"shark-slide-title\">House\u003Cbr>Washing\u003C\u002Fh2>\n \u003Cp class=\"shark-slide-description\">Low-pressure washing designed to preserve siding, trim, and finishes.\u003C\u002Fp>\n \u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fhouse_washing\" class=\"shark-slide-cta\">Learn More\u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>
2138\n\n \u003Cdiv class=\"shark-slide\" data-slide=\"1\">\n \u003Cdiv class=\"shark-slide-content\">\n \u003Cdiv class=\"shark-slide-label\">Property Maintenance\u003C\u002Fdiv>\n \u003Ch2 class=\"shark-slide-title\">Surface\u003Cbr>Cleaning\u003C\u002Fh2>\n \u003Cp class=\"shark-slide-description\">Precision cleaning for hardscapes that demand a finished look.\u003C\u002Fp>\n \u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fsurface-cleaning\" class=\"shark-slide-cta\">Learn More\u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"shark-slide\" data-slide=\"2\">\n \u003Cdiv class=\"shark-slide-content\">\n \u003Cdiv class=\"shark-slide-label\">Crystal Clear\u003C\u002Fdiv>\n \u003Ch2 class=\"shark-slide-title\">Window\u003Cbr>Cleaning\u003C\u002Fh2>\n \u003Cp class=\"shark-slide-description\">Detail-driven window cleaning for clarity and presentation.\u003C\u002Fp>\n \u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fwindow-cleaning\" class=\"shark-slide-cta\">Learn More\u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"shark-slide\" data-slide=\"3\">\n \u003Cdiv class=\"shark-slide-content\">\n \u003Cdiv class=\"shark-slide-label\">Business Solutions\u003C\u002Fdiv>\n \u003Ch2 class=\"shark-slide-title\">Commercial\u003Cbr>Services\u003C\u002Fh2>\n \u003Cp class=\"shark-slide-description\">Exterior services built for scale, reliability, and presentation.\u003C\u002Fp>\n \u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fcommercial-cleaning\" class=\"shark-slide-cta\">Learn More\u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"shark-slide shark-quote-slide\" data-slide=\"4\">\n \u003Cdiv class=\"shark-slide-content\">\n \u003Ch2 class=\"shark-slide-title\">Additional\u003Cbr>Exterior\u003Cbr>Services\u003C\u002Fh2>\n \u003Cp class=\"shark-quote-author\">Specialized exterior care, handled with the same standards that define our core services.\u003C\u002Fp>\n \u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fadditional-services\" class=\"shark-slide-cta shark-quote-cta\">View Specialty Services\u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Cscript>\n(function () {\n 'use strict';\n\n \u002F\u002F ââ Inject Google Fonts âââââââââââââââââââââââââââââââââââââââââââ\n var fontLink = document.createElement('link');\n fontLink.rel = 'stylesheet';\n fontLink.href = 'https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Poppins:wght@400;600;900&family=Montserrat:wght@300;400;500;600&display=swap';\n document.head.appendChild(fontLink);\n\n \u002F\u002F ââ Inject styles âââââââââââââââââââââââââââââââââââââââââââââââââ\n var style = document.createElement('style');\n style.textContent = [\n '.shark-slider-section { position: relative; height: 500vh; width: 100vw; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; background: #000000; -webkit-transform: translateZ(0); transform: translateZ(0); }',\n\n '.shark-scroll-wrapper { position: sticky; top: 0; height: 100vh; overflow: hidden; width: 100%; touch-action: pan-y; }',\n\n '.shark-slide { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; height: 100dvh; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 8%; overflow: hidden; transform-origin: center bottom; will-change: transform, opacity; backface-visibility: hidden; -webkit-font-smoothing: antialiased; }',\n\n '.shark-slide::before { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; will-change: transform; transform: translateZ(0); }',\n\n '.shark-slide::after { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%); z-index: 1; will-change: transform; transform: translateZ(0); }
2138',\n\n '.shark-slide[data-slide=\"0\"]::before { background-image: url(\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69a19ac3524b715cae4e7dda.png\"); }',\n '.shark-slide[data-slide=\"1\"]::before { background-image: url(\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69a19ac49a0c18279d73a13c.png\"); }',\n '.shark-slide[data-slide=\"2\"]::before { background-image: url(\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69a19ac5524b71cd9c4e7e68.jpeg\"); }',\n '.shark-slide[data-slide=\"3\"]::before { background-image: url(\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69a19ac78844f5b9e9940401.png\"); }',\n '.shark-slide[data-slide=\"4\"]::before { background-image: url(\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69a19ac8753f1524f4d26aae.jpg\"); }',\n\n '.shark-quote-slide { background: #000000; justify-content: center; align-items: center; text-align: center; }',\n '.shark-quote-slide .shark-slide-content { max-width: 1000px; }',\n\n '.shark-slide-content { position: relative; z-index: 2; max-width: 800px; will-change: transform; transform: translateZ(0); }',\n\n '.shark-slide-label { font-family: \"Montserrat\", sans-serif; font-size: 0.75rem; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.6); margin-bottom: 1rem; }',\n\n '.shark-slide-title { font-family: \"Poppins\", \"Montserrat\", sans-serif; font-size: clamp(32px, 4.6em, 4.6em); font-weight: 900; line-height: 0.9; color: #ffffff; margin: 0; text-transform: uppercase; letter-spacing: -1px; }',\n\n '.shark-quote-slide .shark-slide-title { font-size: clamp(32px, 4.6em, 4.6em); font-weight: 900; line-height: 0.9; text-transform: uppercase; font-style: normal; color: #ffffff; letter-spacing: -1px; }',\n\n '.shark-slide-description { font-family: \"Montserrat\", sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.6; color: #ffffff; margin-top: 1.5rem; max-width: 500px; letter-spacing: 0.02em; }',\n\n '.shark-quote-author { font-family: \"Montserrat\", sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: 0.02em; color: #ffffff; margin-top: 1.5rem; max-width: 600px; line-height: 1.6; }',\n\n '.shark-slide-cta { position: relative; display: inline-block; margin-top: 2rem; padding: 1.2rem 3rem; background: #00B3BE; border: 2px solid #00B3BE; color: #ffffff; text-decoration: none; font-family: \"Montserrat\", sans-serif; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; transition: all 0.3s ease; z-index: 2; }',\n\n '.shark-slide-cta:hover { background: #000000; border-color: #00B3BE; color: #ffffff; transform: translateY(-2px); }',\n\n '.shark-quote-cta { margin-top: 3rem; }',\n\n '@media (max-width: 1024px) { .shark-slide { padding: 0 6%; } }',\n\n '@media (max-width: 768px) {',\n ' .shark-slide { padding: 0 5%; padding-top: 80px; justify-content: center; }',\n ' .shark-slide-label { font-size: 0.65rem; letter-spacing: 1.5px; margin-bottom: 0.75rem; }',\n ' .shark-slide-title { font-size: clamp(28px, 9vw, 52px); letter-spacing: -0.5px; line-height: 1; }',\n ' .shark-slide-description { font-size: 0.88rem; margin-top: 0.9rem; max-width: 100%; line-height: 1.55; }',\n ' .shark-slide-cta { padding: 0.95rem 2.2rem; font-size: 0.68rem; letter-spacing: 0.15em; margin-top: 1.4rem; }',\n ' .shark-quote-slide .shark-slide-title { font-size: clamp(26px, 8vw, 48px); line-height: 1; }',\n ' .shark-quote-author { font-size: 0.85rem; margin-top: 1.2rem; }',\n ' .shark-quote-cta { margin-top: 2rem; }',\n '}',\n\n '@media (max-width: 480px) {',\n ' .shark-slide { padding: 0 5%; padding-top: 70px; }',\n ' .shark-slide-label { font-size: 0.6rem; letter-spacing: 1px; margin-bottom: 0.6rem; }',\n ' .shark-slide-title { font-size: clamp(24px, 10vw, 40px); letter-spacing: -0.5px; line-height: 1; }',\n ' .shark-slide-description { font-size: 0.82rem; margin-top: 0.75rem; line-height: 1.5; }',\n ' .shark-slide-cta { padding: 0.85rem 1.8rem; font-size: 0.62rem; letter-spacing: 0.12em; margin-top: 1.2rem; }',\n ' .shark-quote-slide .shark-slide-title { font-size: clamp(22px, 9vw, 36px); }',\n ' .shark-quote-author { font-size: 0.8rem; margin-top: 1rem; }',\n ' .shark-quote-cta { margin-top: 1.8rem; }',\n '}',\n\n '@media (max-width: 768px) and (orientation: landscape) {',\n ' .shark-slide { padding-top: 60px; justify-content: center; }',\n ' .shark-slide-title { font-size: clamp(22px, 5vw, 36px); line-height: 1; }',\n ' .shark-slide-description { font-size: 0.8rem; margin-top: 0.6rem; }',\n ' .shark-slide-cta { margin-top: 0.9rem; padding: 0.75rem 1.8rem; }',\n '}'\n ].join('\\n');\n document.head.appendChild(style);\n\n \u002F\u002F ââ Slider logic ââââââââââââââââââââââââââââââââââââââââââââââââââ\n var sliderSection = document.querySelector('.shark-slider-section');\n var slides = document.querySelectorAll('.shark-slide');\n var totalSlides = slides.length;\n var ticking = false;\n\n function updateSlider() {\n var sectionRect = sliderSection.getBoundingClientRect();\n var sectionTop = sectionRect.top;\n var sectionHeight = sectionRect.height;\n var windowHeight = window.innerHeight;\n\n var scrollProgress = Math.max(0, Math.min(1,\n -sectionTop \u002F (sectionHeight - windowHeight)\n ));\n\n var exactSlideProgress = scrollProgress * totalSlides;\n var activeSlideIndex = Math.min(Math.floor(exactSlideProgress), totalSlides - 1);\n var slideTransition = exactSlideProgress - activeSlideIndex;\n var isLastSlideActive = activeSlideIndex === totalSlides - 1;
2138\n\n slides.forEach(function (slide) {\n var slideNumber = parseInt(slide.dataset.slide);\n\n if (isLastSlideActive) {\n if (slideNumber \u003C totalSlides - 1) {\n slide.style.transform = 'translate3d(0, 0, 0)';\n slide.style.opacity = '0';\n slide.style.zIndex = slideNumber;\n } else {\n slide.style.transform = 'translate3d(0, 0, 0)';\n slide.style.opacity = '1';\n slide.style.zIndex = '100';\n }\n return;\n }\n\n if (slideNumber \u003C activeSlideIndex) {\n slide.style.transform = 'translate3d(0, 0, 0)';\n slide.style.opacity = '0';\n slide.style.zIndex = slideNumber;\n\n } else if (slideNumber === activeSlideIndex) {\n var translateY = -(slideTransition * 8);\n var opacity = Math.max(0, 1 - slideTransition * 1.2);\n slide.style.transform = 'translate3d(0, ' + translateY + '%, 0)';\n slide.style.opacity = String(opacity);\n slide.style.zIndex = String(50 + slideNumber);\n\n } else if (slideNumber === activeSlideIndex + 1) {\n var eased = slideTransition * slideTransition;\n var ty = 100 - (eased * 100);\n slide.style.transform = 'translate3d(0, ' + ty + '%, 0)';\n slide.style.opacity = '1';\n slide.style.zIndex = '100';\n\n } else {\n slide.style.transform = 'translate3d(0, 100%, 0)';\n slide.style.opacity = '1';\n slide.style.zIndex = String(slideNumber);\n }\n });\n }\n\n function onScroll() {\n if (!ticking) {\n window.requestAnimationFrame(function () {\n updateSlider();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n updateSlider();\n window.addEventListener('load', updateSlider);\n\n var resizeTimer;\n function onResize() {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(updateSlider, 120);\n }\n window.addEventListener('resize', onResize, { passive: true });\n window.addEventListener('orientationchange', onResize, { passive: true });\n\n})();\n\u003C\u002Fscript>",{"value":113},[],"ccustom-code-jl0Hji6Oj5","custom-code","c-custom-code",{},{"id":16,"type":52,"child":119,"class":121,"styles":126,"extra":128,"tagName":73,"meta":52,"title":74},[120],"col-uEze8ch2n2",{"alignRow":122,"borders":123,"borderRadius":124,"radiusEdge":125},{"value":57},{"value":22},{"value":24},{"value":26},{"borderWidth":127},{"value":29,"unit":30},{"visibility":129,"bgImage":131,"rowWidth":133,"customClass":134},{"value":130},{"hideDesktop":36,"hideMobile":36},{"value":132},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":69,"unit":70},{"value":135},[],{"id":120,"type":76,"child":137,"class":139,"styles":143,"extra":145,"tagName":102,"meta":76,"title":103,"noOfColumns":104},[138],"custom-code-Y6bqB5Wv5O",{"borders":140,"borderRadius":141,"radiusEdge":142},{"value":22},{"value":24},{"value":26},{"borderWidth":144},{"value":29,"unit":30},{"visibility":146,"bgImage":148,"columnLayout":150,"justifyContentColumnLayout":151,"alignContentColumnLayout":152,"forceColumnLayoutForMobile":153,"customClass":154,"elementVersion":156},{"value":147},{"hideDesktop":36,"hideMobile":36},{"value":149},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":92},{"value":94},{"value":96},{"value":43},{"value":155},[],{"value":101},{"extra":158,"id":138,"meta":115,"tagName":116,"class":167},{"visibility":159,"customCode":161,"customClass":164,"nodeId":166},{"value":160},{"hideMobile":40,"hideDesktop":40},{"value":162},{"rawCustomCode":163},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n\u003Cmeta charset=\"UTF-8\">\n\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\u003Ctitle>SHARK Power Washing\u003C\u002Ftitle>\n\n\u003C!-- Google Fonts â Block 1 set (superset, covers both pages) -->\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.googleapis.com\">\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.gstatic.
2138com\" crossorigin>\n\u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Poppins:wght@400;600;900&family=Cormorant+Garamond:wght@300;400;600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n\u003Cstyle>\n\u002F* ============================================================\n BLOCK 1 NAV â exact copy\n ============================================================ *\u002F\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { margin: 0; padding: 0; width: 100%; max-width: 100vw; scroll-behavior: smooth; }\nbody {\n margin: 0 !important; padding: 0 !important;\n width: 100%; max-width: 100vw;\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Arial', sans-serif;\n color: #101010; line-height: 1.6;\n background: #ffffff url('https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b54798cab7f72889cd57fe.jpg') center\u002Fcover no-repeat fixed;\n position: relative;\n}\n\n\u002F* â NAV â *\u002F\nnav {\n position: fixed; top: 0; left: 0; right: 0; width: 100vw;\n z-index: 999; padding: 40px 5%; background: transparent;\n display: flex; justify-content: space-between; align-items: center;\n transition: all 0.4s ease;\n}\n.logo { opacity: 0; pointer-events: auto; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1002; transition: opacity 1.8s cubic-bezier(0.19, 1, 0.22, 1); }\n.logo.visible { opacity: 1; }\n.logo img { height: 68px; width: auto; filter: drop-shadow(0 2px 12px rgba(0,0,0,0.6)); transition: filter 0.4s ease; cursor: pointer; }\n.logo img:hover { filter: drop-shadow(0 4px 20px rgba(0,0,0,0.8)); }\n.nav-actions { display: flex; align-items: center; gap: 20px; margin-left: auto; }\n.phone-icon { display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1003; background: none; border: none; padding: 12px; opacity: 0; transition: opacity 1.5s ease; position: relative; text-decoration: none; }\n.phone-icon.visible { opacity: 1; }\n.phone-icon svg { width: 28px; height: 28px; stroke: rgba(255,255,255,0.9); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.4s cubic-bezier(0.4,0,0.2,1), filter 0.4s cubic-bezier(0.4,0,0.2,1); filter: drop-shadow(0 2px 10px rgba(0,0,0,0.6)); }\n.phone-icon.dark svg { stroke: rgba(16,16,16,0.9); filter: drop-shadow(0 1px 3px rgba(0,0,0,0.1)); }\n.phone-icon:hover svg { stroke: #C0C0C0; filter: drop-shadow(0 0 12px rgba(192,192,192,0.6)); }\n.nav-toggle { display: flex; flex-direction: column; gap: 6px; cursor: pointer; z-index: 1003; background: none; border: none; padding: 12px; opacity: 0; transition: opacity 1.5s ease; position: relative; }\n.nav-toggle.visible { opacity: 1; }\n.nav-toggle span { width: 32px; height: 3px; background-color: rgba(255,255,255,0.9); transition: all 0.4s cubic-bezier(0.4,0,0.2,1); display: block; filter: drop-shadow(0 2px 10px rgba(0,0,0,0.6)); border-radius: 2px; pointer-events: none; }\n.nav-toggle.dark span { background-color: rgba(16,16,16,0.9); filter: drop-shadow(0 1px 3px rgba(0,0,0,0.1)); }\n.nav-toggle:hover span { background: linear-gradient(135deg, #C0C0C0 0%, #E8E8E8 50%, #C0C0C0 100%); box-shadow: 0 0 12px rgba(192,192,192,0.4); }\n.nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(9px, 9px); }\n.nav-toggle.active span:nth-child(2) { opacity: 0; transform: translateX(20px); }\n.nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(9px, -9px); }\n.nav-toggle.active span { background-color: #101010; filter: drop-shadow(0 1px 3px rgba(0,0,0,0.1)); }\nnav ul { position: fixed; top: -100vh; left: 0; width: 100vw; height: 100vh; background: #ffffff url('https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b54798cab7f72889cd57fe.jpg') center\u002Fcover no-repeat fixed; flex-direction: column; justify-content: center; align-items: center; gap: 0; padding-top: 120px; padding-bottom: 60px; transition: top 0.6s cubic-bezier(0.4,0,0.2,1); box-shadow: 0 10px 60px rgba(0,0,0,0.2); margin: 0; padding-left: 0; padding-right: 0; list-style: none; z-index: 998; overflow-y: auto; }\nnav ul::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255,255,255,0.92) 0%, rgba(250,250,250,0.92) 100%); pointer-events: none; z-index: 0; }\nnav ul.active { top: 0; }\nnav li { margin: 0; padding: 0; list-style: none; width: auto; opacity: 0; transform: translateY(30px); transition: all 0.5s cubic-bezier(0.4,0,0.2,1); position: relative; z-index: 1; }\nnav ul.active li { opacity: 1; transform: translateY(0); }\nnav ul.active li:nth-child(1) { transition-delay: 0.10s; }\nnav ul.active li:nth-child(2) { transition-delay: 0.13s; }\nnav ul.active li:nth-child(3) { transition-delay: 0.16s; }\nnav ul.active li:nth-child(4) { transition-delay: 0.19s; }\nnav ul.active li:nth-child(5) { transition-delay: 0.22s; }\nnav ul.active li:nth-child(6) { transition-delay: 0.25s; }\nnav ul.active li:nth-child(7) { transition-delay: 0.28s; }\nnav ul.active li:nth-child(8) { transition-delay: 0.31s; }\nnav ul.active li:nth-child(9) { transition-delay: 0.34s; }\nnav ul.active li:nth-child(10) { transition-delay: 0.37s; }\nnav ul.active li:nth-child(11) { transition-delay: 0.40s; }\nnav a { text-decoration: none; color: #101010; font-family: 'Poppins', 'Montserrat', sans-serif; font-size: 2.2rem; letter-spacing: -0.5px; font-weight: 900; transition: all 0.4s cubic-bezier(0.4,0,0.2,1); position: relative; display: block; padding: 11px 0; line-height: 1.1; }\nnav a:hover, nav a:focus { background: linear-gradient(135deg, #C0C0C0 0%, #E8E8E8 50%, #C0C0C0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; letter-spacing: 0px; transform: translateX(10px); filter: drop-shadow(0 0 8px rgba(192,192,192,0.3)); }\n.menu-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0); opacity: 0; pointer-events: none; transition: all 0.4s ease; z-index: 998; }\n.menu-backdrop.active { background: rgba(0,0,0,0.5); opacity: 1; pointer-events: auto; }\n\n\u002F* â NAV RESPONSIVE â *\u002F\n@media (max-width: 1024px) { nav a { font-size: 2rem; } }\n@media (max-width: 968px) { nav a { font-size: 1.85rem; } }\n@media (max-width: 768px) {\n nav { padding: 30px 5%; }\n .nav-actions { gap: 15px; }\n .phone-icon svg { width: 24px; height: 24px; }\n .logo img { height: 44px; }\n}\n@media (max-width: 480px) {\n .nav-actions { gap: 12px; }\n .phone-icon svg { width: 22px; height: 22px; }\n .nav-toggle span { width: 28px; }\n .logo img { height: 38px; }\n nav a { font-size: 1.3rem; padding: 7px 0; }\n}\n@media (min-width: 1920px) {\n .logo img { height: 80px; }\n nav { padding: 50px 5%; }\n nav a { font-size: 2.5rem; }\n}\n\n\u002F* ============================================================\n BLOCK 2 PAGE STYLES â unchanged\n ============================================================ *\u002F\n@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes metallicShimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }\n@keyframes glitchFlash { 0%, 100% { opacity: 0; transform: translate(0, 0); } 50% { opacity: 0.7; transform: translate(-2px, 2px); } }\n@keyframes slideInFromLeft { from { opacity: 0; transform: translateX(-120px); } to { opacity: 1; transform: translateX(0); } }\n@keyframes slideInFromRight { from { opacity: 0; transform: translateX(120px); } to { opacity: 1; transform: translateX(0); } }\n@keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }\n\n\u002F* HERO SECTION *\u002F\n.shark-hero {\n position: relative;\n width: 100vw;\n height: 100vh;\n overflow: hidden;\n display: flex;
2138\n align-items: center;\n justify-content: center;\n margin: 0 !important;\n padding: 0 !important;\n left: 50%;\n right: 50%;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n background-color: #000000;\n}\n\n.shark-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.52) 100%);\n z-index: 2;\n pointer-events: none;\n}\n\n.video-bg {\n position: absolute;\n top: 0; left: 0;\n width: 100vw; height: 100%;\n object-fit: cover;\n z-index: 1;\n opacity: 0;\n transition: opacity 1s ease;\n}\n\n.video-bg.active { opacity: 1; }\n\n.hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n color: #ffffff;\n padding: 20px;\n max-width: 1200px;\n}\n\n.hero-headline {\n font-family: 'Poppins', 'Montserrat', sans-serif;\n font-size: clamp(32px, 4.6em, 4.6em);\n font-weight: 900;\n letter-spacing: -1px;\n text-transform: uppercase;\n color: #ffffff;\n text-shadow: 0 4px 30px rgba(0,0,0,0.9);\n opacity: 0;\n transform: translateY(20px);\n transition: all 1.8s cubic-bezier(0.19, 1, 0.22, 1);\n margin-top: 50px;\n margin-bottom: 25px;\n position: relative;\n line-height: 0.8;\n}\n\n.hero-headline.visible { opacity: 1; transform: translateY(0); }\n\n.hero-headline::after {\n content: '';\n display: block;\n width: 60px; height: 3px;\n background: #00B3BE;\n margin: 25px auto 0;\n opacity: 0;\n transition: opacity 0.8s ease 0.5s;\n border-radius: 2px;\n}\n\n.hero-headline.visible::after { opacity: 1; }\n\n.hero-subhead {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(14px, 1.6vw, 18px);\n font-weight: 600;\n letter-spacing: 3px;\n color: rgba(255,255,255,0.88);\n text-shadow: 0 3px 20px rgba(0,0,0,0.8);\n opacity: 0;\n transform: translateY(20px);\n transition: all 1.8s cubic-bezier(0.19, 1, 0.22, 1);\n margin-bottom: 20px;\n line-height: 1.8;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.hero-subhead.visible { opacity: 1; transform: translateY(0); }\n\n.hero-location {\n font-family: 'Montserrat', sans-serif;\n font-size: 13px;\n font-weight: 800;\n letter-spacing: 5px;\n text-transform: uppercase;\n color: #00B3BE;\n text-shadow: 0 0 20px rgba(0,179,190,0.5), 0 2px 15px rgba(0,0,0,0.9);\n opacity: 0;\n transform: translateY(20px);\n transition: all 1.8s cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.hero-location.visible { opacity: 1; transform: translateY(0); }\n\n.hero-cta-wrapper-container {\n position: absolute;\n left: 0; right: 0;\n margin: 0 auto;\n top: 75%;\n transform: translateY(-50%);\n z-index: 3;\n opacity: 0;\n pointer-events: none;\n transition: all 1.5s cubic-bezier(0.4,0,0.2,1);\n width: fit-content;\n}\n\n.hero-cta-wrapper-container.visible { opacity: 1; pointer-events: auto; }\n\n.hero-cta-wrapper { text-align: center; }\n\n.hero-cta-btn {\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 5px;\n text-transform: uppercase;\n color: #ffffff;\n background: transparent;\n border: 2px solid rgba(255,255,255,0.3);\n padding: 22px 65px;\n cursor: pointer;\n transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n text-decoration: none;\n display: inline-block;\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 30px rgba(0,0,0,0.2);\n}\n\n.hero-cta-btn::after {\n content: '';\n position: absolute;\n inset: -2px;\n border: 2px solid rgba(255,255,255,0);\n border-radius: inherit;\n transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n pointer-events: none;\n}\n\n.hero-cta-btn:hover {\n background: rgba(0,179,190,0.15);\n backdrop-filter: blur(12px);\n border-color: rgba(0,179,190,0.8);\n transform: translateY(-3px);\n box-shadow: 0 8px 40px rgba(0,179,190,0.3);\n letter-spacing: 6px;\n}\n\n.hero-cta-btn:hover::after {\n border-color: rgba(0,179,190,0.15);\n inset: -6px;\n}\n\n\u002F* ABOUT SECTION *\u002F\n.about-section {\n padding: 8rem 8%;\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n overflow: hidden;\n min-height: auto;\n display: flex;
2138\n align-items: center;\n justify-content: center;\n background: #ffffff url('https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b54798cab7f72889cd57fe.jpg') center\u002Fcover no-repeat fixed;\n}\n\n.about-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background: rgba(255,255,255,0.75);\n z-index: 0;\n}\n\n.about-section::after {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n opacity: 0.4;\n pointer-events: none;\n z-index: 1;\n}\n\n.about-container {\n position: relative;\n z-index: 2;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: center;\n width: 100%;\n max-width: 1400px;\n}\n\n.stats-background {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n gap: 2rem;\n}\n\n.stat-bg-item {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.stat-number {\n font-family: 'Poppins', 'Montserrat', sans-serif;\n font-size: clamp(8rem, 16vw, 22rem);\n font-weight: 900;\n letter-spacing: -8px;\n opacity: 0;\n transform: scale(0.85) translateX(80px);\n transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);\n color: rgba(0,179,190,0.55);\n line-height: 0.85;\n white-space: nowrap;\n}\n\n.stat-label {\n font-family: 'Montserrat', sans-serif;\n font-size: 0.65rem;\n font-weight: 600;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: rgba(0,179,190,0.55);\n margin-top: 0.5rem;\n margin-left: 0.5rem;\n opacity: 0;\n transform: translateX(80px);\n transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.about-section.visible .stat-number { opacity: 1; transform: scale(1) translateX(0); }\n.about-section.visible .stat-label { opacity: 1; transform: translateX(0); }\n\n.stat-bg-item:nth-child(1) .stat-number,\n.stat-bg-item:nth-child(1) .stat-label { transition-delay: 0.1s; }\n.stat-bg-item:nth-child(2) .stat-number,\n.stat-bg-item:nth-child(2) .stat-label { transition-delay: 0.25s; }\n.stat-bg-item:nth-child(3) .stat-number,\n.stat-bg-item:nth-child(3) .stat-label { transition-delay: 0.4s; }\n\n.about-content {\n position: relative;\n z-index: 2;\n text-align: left;\n}\n\n.about-heading {\n font-family: 'Poppins', 'Montserrat', sans-serif;\n font-size: clamp(3rem, 6vw, 6.5rem);\n font-weight: 900;\n letter-spacing: -3px;\n line-height: 1.05;\n color: #101010;\n margin-bottom: 2.5rem;\n margin-top: 0;\n text-transform: uppercase;\n position: relative;\n opacity: 0;\n transform: translateX(-120px);\n transition: all 1.8s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.about-section.visible .about-heading {\n opacity: 1;\n transform: translateX(0);\n transition-delay: 0.3s;\n}\n\n.about-text {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(0.95rem, 1.1vw, 1.15rem);\n font-weight: 400;\n line-height: 1.9;\n color: #101010;\n margin-bottom: 2.5rem;\n opacity: 0;\n transform: translateX(-120px);\n transition: all 1.8s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.about-section.visible .about-text {\n opacity: 1;\n transform: translateX(0);\n transition-delay: 0.6s;\n}\n\n.about-text p { margin-bottom: 1.2rem; }\n.about-text p:last-child { margin-bottom: 0; }\n\n.about-cta {\n display: inline-block;\n padding: 1.2rem 3rem;\n background-color: #00B3BE;\n color: #ffffff;\n border: 2px solid #00B3BE;\n text-decoration: none;\n font-family: 'Montserrat', sans-serif;\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n transition: all 0.3s ease;\n position: relative;\n cursor: pointer;\n opacity: 0;\n transform: translateX(-120px);\n}\n\n.about-section.visible .about-cta {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 1.8s cubic-bezier(0.16,1,0.3,1) 0.9s,\n transform 1.8s cubic-bezier(0.16,1,0.3,1) 0.9s,\n background-color 0.3s ease,\n border-color 0.3s ease,\n color 0.3s ease;\n}\n\n.about-cta:hover {\n background-color: #000000 !important;\n border-color: #00B3BE !important;\n color: #ffffff !important;\n transform: translateY(-2px) !important;\n}\n\n\u002F* RESPONSIVE â Block 2 *\u002F\n@media (max-width: 1024px) {\n .about-section { padding: 6rem 6%; }\n .about-container { gap: 4rem; }\n .about-heading { font-size: clamp(2.5rem, 5vw, 5rem); }\n .stat-number { font-size: clamp(6rem, 13vw, 16rem); }\n .stat-label { font-size: 0.6rem; letter-spacing: 1.5px; }\n}\n\n@media (max-width: 768px) {\n .shark-hero { height: 100vh; height: 100dvh; padding: 0 5% !important; }\n .hero-content { padding: 0 16px; width: 100%; }\n .hero-headline { font-size: clamp(26px, 7.5vw, 42px); letter-spacing: -0.5px; line-height: 1; margin-top: 28px; margin-bottom: 18px; }\n .hero-headline::after { margin-top: 18px; }\n .hero-subhead { font-size: clamp(12px, 3.2vw, 15px); letter-spacing: 1.5px; margin-bottom: 14px; padding: 0 8px; line-height: 1.7; }\n .hero-location { font-size: 11px; letter-spacing: 4px; }\n .hero-cta-wrapper-container { top: 78%; }\n .hero-cta-btn { padding: 16px 44px; font-size: 10px; letter-spacing: 4px; }\n\n .about-section { padding: 4rem 5%; min-height: auto; }\n .about-container { grid-template-columns: 1fr; gap: 0; display: flex; flex-direction: column; align-items: center; }\n .stats-background { order: 1; margin-bottom: 2rem; overflow: hidden; width: 100%; align-items: center; }\n .stat-bg-item { align-items: center; }\n .stat-number { font-size: clamp(3.5rem, 20vw, 8rem); letter-spacing: -3px; white-space: nowrap; }\n .stat-label { font-size: 0.55rem; letter-spacing: 1px; margin-top: 0.25rem; margin-left: 0; text-align: center; }\n .about-content { order: 2; text-align: center; width: 100%; }\n .about-heading { font-size: clamp(2rem, 8.5vw, 3.8rem); letter-spacing: -1.5px; margin-bottom: 1.5rem; overflow: visible; }\n .about-text { font-size: 0.95rem; margin-bottom: 0; line-height: 1.8; }\n .about-text p { margin-bottom: 1.2rem; }\n\n .about-heading, .about-text, .about-cta { transform: translateY(30px); }\n .about-section.visible .about-heading,\n .about-section.visible .about-text { transform: translateY(0); }\n .about-section.visible .about-cta { transform: translateY(0) !important; }\n\n .about-cta { margin-top: 2rem; padding: 1.1rem 2rem; font-size: 0.65rem; letter-spacing: 1.5px; display: inline-block; text-align: center; width: auto; }\n}\n\n@media (max-width: 480px) {\n .hero-headline { font-size: clamp(22px, 8vw, 32px); letter-spacing: -0.5px; line-height: 1; }\n .hero-location { font-size: 10px; letter-spacing: 4px; }\n .hero-cta-wrapper-container { top: 80%; }\n .hero-cta-btn { padding: 14px 36px; font-size: 9px; letter-spacing: 3.5px; }\n .about-heading { font-size: clamp(1.8rem, 9vw, 3rem); letter-spacing: -1px; }\n .about-text { font-size: 0.9rem; }\n .stat-number { font-size: clamp(3rem, 18vw, 6.5rem); letter-spacing: -2px; }\n .about-cta { padding: 1rem 1.8rem; font-size: 0.6rem; letter-spacing: 1.5px; }\n}\n\n@media (min-width: 1920px) {\n .about-section { padding: 10rem 8%; }\n}\n .booking-modal-overlay {\n position: fixed; inset: 0; z-index: 9999;\n background: rgba(0,0,0,0); display: flex;
2138\n align-items: center; justify-content: center;\n opacity: 0; pointer-events: none;\n transition: background 0.45s ease, opacity 0.45s ease;\n}\n.booking-modal-overlay.open { background: rgba(0,0,0,0.72); opacity: 1; pointer-events: auto; }\n.booking-modal {\n position: relative; width: min(92vw, 780px); height: min(90vh, 760px);\n background: #ffffff; border-radius: 4px; overflow: hidden;\n box-shadow: 0 30px 100px rgba(0,0,0,0.5);\n transform: translateY(40px) scale(0.97);\n transition: transform 0.45s cubic-bezier(0.19,1,0.22,1), opacity 0.45s cubic-bezier(0.19,1,0.22,1);\n opacity: 0; display: flex; flex-direction: column;\n}\n.booking-modal-overlay.open .booking-modal { transform: translateY(0) scale(1); opacity: 1; }\n.booking-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px 16px; background: #101010; flex-shrink: 0; }\n.booking-modal-title { font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 800; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; }\n.booking-modal-close { background: none; border: none; cursor: pointer; padding: 6px; display: flex; align-items: center; justify-content: center; opacity: 0.7; transition: opacity 0.2s ease, transform 0.2s ease; line-height: 1; }\n.booking-modal-close:hover { opacity: 1; transform: rotate(90deg); }\n.booking-modal-close svg { width: 18px; height: 18px; stroke: #ffffff; fill: none; stroke-width: 2.5; stroke-linecap: round; }\n.booking-modal-body { flex: 1; position: relative; overflow: hidden; }\n.booking-modal-loader { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f8f8f8; gap: 16px; transition: opacity 0.3s ease; z-index: 2; }\n.booking-modal-loader.hidden { opacity: 0; pointer-events: none; }\n.loader-spinner { width: 36px; height: 36px; border: 3px solid rgba(0,179,190,0.2); border-top-color: #00B3BE; border-radius: 50%; animation: spin 0.8s linear infinite; }\n.loader-text { font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: rgba(16,16,16,0.4); }\n.booking-iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; display: block; }\n\n@keyframes spin { to { transform: rotate(360deg); } }\n\n@media (max-width: 480px) {\n .booking-modal { width: 100vw; height: 100dvh; border-radius: 0; }\n .booking-modal-overlay { align-items: flex-end; }\n}\n\u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n\n\u003C!-- ============================================================\n BLOCK 1 NAV â exact HTML\n ============================================================ -->\n\u003Cdiv class=\"menu-backdrop\" id=\"menuBackdrop\" onclick=\"closeMenu()\">\u003C\u002Fdiv>\n\n\u003Cnav>\n \u003Cdiv class=\"logo\">\n \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b5481ecab7f75dc7cd62cb.png\" alt=\"SHARK Power Washing\">\n \u003C\u002Fdiv>\n \u003Cdiv class=\"nav-actions\">\n \u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fcontact-us\" class=\"phone-icon\" id=\"phoneIcon\" aria-label=\"Contact Us\">\n \u003Csvg viewBox=\"0 0 24 24\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\">\n \u003Cpath d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\u002F>\n \u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003Cbutton class=\"nav-toggle\" onclick=\"toggleMenu()\" aria-label=\"Toggle Menu\">\n \u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\n \u003C\u002Fbutton>\n \u003C\u002Fdiv>\n \u003Cul id=\"navMenu\">\n \u003Cli>\u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fhome\" onclick=\"closeMenu()\">Home\u003C\u002Fa>\u003C\u002Fli>\n \u003Cli>\u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fabout\" onclick=\"closeMenu()\">About Us\u003C\u002Fa>\u003C\u002Fli>\n \u003Cli>\u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fhouse_washing\" onclick=\"closeMenu()\">House Washing\u003C\u002Fa>\u003C\u002Fli>\n \u003Cli>\u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fsurface-cleaning\" onclick=\"closeMenu()\">Surface Cleaning\u003C\u002Fa>\u003C\u002Fli>\n \u003Cli>\u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fwindow-cleaning\" onclick=\"closeMenu()\">Window Cleaning\u003C\u002Fa>\u003C\u002Fli>\n \u003Cli>\u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fcommercial-cleaning\" onclick=\"closeMenu()\">Commercial Cleaning\u003C\u002Fa>\u003C\u002Fli>\n \u003Cli>\u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fadditional-services\" onclick=\"closeMenu()\">Additional Services\u003C\u002Fa>\u003C\u002Fli>\n \u003Cli>\u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fpartnerships\" onclick=\"closeMenu()\">Partnerships\u003C\u002Fa>\u003C\u002Fli>\n \u003Cli>\u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fmemberships\" onclick=\"closeMenu()\">Memberships\u003C\u002Fa>\u003C\u002Fli>\n \u003Cli>\u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fblog\" onclick=\"closeMenu()\">Blog\u003C\u002Fa>\u003C\u002Fli>\n \u003Cli>\u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fcontact-us\" onclick=\"closeMenu()\">Contact Us\u003C\u002Fa>\u003C\u002Fli>\n \u003C\u002Ful>\n\u003C\u002Fnav>\n\n\u003C!-- ============================================================\n BLOCK 2 CONTENT â unchanged\n ============================================================ -->\n\u003Cdiv id=\"shark-site-wrap\">\n\n \u003C!-- Hero Section -->\n \u003Csection id=\"home\" class=\"shark-hero\" data-theme=\"dark\" aria-label=\"
2138SHARK Power Washing - Professional Exterior Cleaning Wrightsville Beach NC\">\n \u003Cvideo class=\"video-bg video-1\" muted playsinline preload=\"auto\" aria-hidden=\"true\">\n \u003Csource src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b54841cab7f76d19cd657c.mp4\" type=\"video\u002Fmp4\">\n \u003C\u002Fvideo>\n \u003Cvideo class=\"video-bg video-2\" muted playsinline preload=\"auto\" aria-hidden=\"true\">\n \u003Csource src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b5485bfc5128934d903301.mp4\" type=\"video\u002Fmp4\">\n \u003C\u002Fvideo>\n \u003Cvideo class=\"video-bg video-5\" muted playsinline preload=\"auto\" aria-hidden=\"true\">\n \u003Csource src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b5486fcab7f752e9cd696c.mp4\" type=\"video\u002Fmp4\">\n \u003C\u002Fvideo>\n \u003Cvideo class=\"video-bg video-6\" muted playsinline preload=\"auto\" aria-hidden=\"true\">\n \u003Csource src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b54841cab7f76d19cd657c.mp4\" type=\"video\u002Fmp4\">\n \u003C\u002Fvideo>\n\n \u003Cdiv class=\"hero-content\">\n \u003Ch1 class=\"hero-headline\" id=\"heroHeadline\">Power Washing & Exterior Cleaning\u003C\u002Fh1>\n \u003Cp class=\"hero-subhead\" id=\"heroSubhead\">Professional house washing, surface cleaning & window cleaning for coastal homes in Wrightsville Beach, NC.\u003C\u002Fp>\n \u003Cp class=\"hero-location\" id=\"heroLocation\">Wrightsville Beach, NC\u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-cta-wrapper-container\" id=\"heroCTA\">\n \u003Cdiv class=\"hero-cta-wrapper\">\n \u003Cbutton class=\"hero-cta-btn\" id=\"ctaButton\" onclick=\"openBookingModal()\">Schedule Your Property Walk-Through\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\u003Cdiv class=\"booking-modal-overlay\" id=\"bookingModalOverlay\" onclick=\"handleModalOverlayClick(event)\">\n \u003Cdiv class=\"booking-modal\" id=\"bookingModal\">\n \u003Cdiv class=\"booking-modal-header\">\n \u003Cspan class=\"booking-modal-title\">Book a Service\u003C\u002Fspan>\n \u003Cbutton class=\"booking-modal-close\" onclick=\"closeBookingModal()\" aria-label=\"Close\">\n \u003Csvg viewBox=\"0 0 24 24\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u002F>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fbutton>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"booking-modal-body\">\n \u003Cdiv class=\"booking-modal-loader\" id=\"bookingLoader\">\n \u003Cdiv class=\"loader-spinner\">\u003C\u002Fdiv>\n \u003Cspan class=\"loader-text\">Loading Calendar\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Ciframe\n class=\"booking-iframe\"\n id=\"bookingIframe\"\n src=\"\"\n data-src=\"https:\u002F\u002Fapi.leadconnectorhq.com\u002Fwidget\u002Fbooking\u002FTsySdhcKFJ3mJLZXfqAE\"\n title=\"Book a Service\"\n onload=\"onIframeLoad()\"\n >\u003C\u002Fiframe>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n \u003C!-- About Section -->\n \u003Csection id=\"about\" class=\"about-section\" data-theme=\"light\" aria-label=\"About SHARK Power Washing\">\n \u003Cdiv class=\"about-container\">\n \u003Cdiv class=\"about-content\">\n \u003Ch2 class=\"about-heading\">CLEAN WITHOUT\u003Cbr>COMPROMISE\u003C\u002Fh2>\n \u003Cdiv class=\"about-text\">\n \u003Cp>Your home, treated as our own.\u003C\u002Fp>\n \u003Cp>Tailored for coastal properties where finishes, edges, and details define the home. Our white-glove approach is guided by surface types, exposures, and conditions.\u003C\u002Fp>\n \u003Cp>A Higher Bar for Care.\u003C\u002Fp>\n \u003Cp>Exterior service for exceptional homes.\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003Cbutton class=\"about-cta\" onclick=\"openB
2138ookingModal()\">Schedule a Walk-Through\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"stats-background\">\n \u003Cdiv class=\"stat-bg-item\">\n \u003Cdiv class=\"stat-number\" data-target=\"2017\" data-suffix=\"\">2017\u003C\u002Fdiv>\n \u003Cdiv class=\"stat-label\">Founded\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"stat-bg-item\">\n \u003Cdiv class=\"stat-number\" data-target=\"100\" data-suffix=\"%\">100%\u003C\u002Fdiv>\n \u003Cdiv class=\"stat-label\">Satisfaction\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"stat-bg-item\">\n \u003Cdiv class=\"stat-number\" data-target=\"5000\" data-suffix=\"+\" data-format=\"k\">5K+\u003C\u002Fdiv>\n \u003Cdiv class=\"stat-label\">Homes Served\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n\u003C\u002Fdiv>\u003C!-- \u002F#shark-site-wrap -->\n\n\u003C!-- ============================================================\n BLOCK 1 NAV JS â exact copy\n ============================================================ -->\n\u003Cscript>\nconst isMobile = () => window.innerWidth \u003C= 768;\nlet updateLogoAndNav;\n(function() {\n const logoImg = document.querySelector('.logo img');\n const navToggle = document.querySelector('.nav-toggle');\n const phoneIcon = document.getElementById('phoneIcon');\n const nav = document.querySelector('nav');\n const whiteLogo = 'https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b547fb277ba0108ef0fc0d.png';\n const blackLogo = 'https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b5481ecab7f75dc7cd62cb.png';\n\n updateLogoAndNav = function() {\n if (!nav || !logoImg) return;\n const navMenu = document.getElementById('navMenu');\n if (navMenu && navMenu.classList.contains('active')) return;\n const sections = document.querySelectorAll('[data-theme]');\n const navRect = nav.getBoundingClientRect();\n const navCenter = navRect.top + (navRect.height \u002F 2);\n let currentTheme = 'dark';\n sections.forEach(section => {\n const sectionRect = section.getBoundingClientRect();\n if (sectionRect.top \u003C= navCenter && sectionRect.bottom >= navCenter) {\n currentTheme = section.getAttribute('data-theme');\n }\n });\n if (currentTheme === 'light') {\n logoImg.src = blackLogo;\n navToggle.classList.add('dark');\n phoneIcon.classList.add('dark');\n } else {\n logoImg.src = whiteLogo;\n navToggle.classList.remove('dark');\n phoneIcon.classList.remove('dark');\n }\n };\n\n let ticking = false;\n window.addEventListener('scroll', function() {\n if (!ticking) {\n window.requestAnimationFrame(function() { updateLogoAndNav(); ticking = false; });\n ticking = true;\n }\n }, { passive: true });\n window.addEventListener('load', updateLogoAndNav);\n window.addEventListener('resize', updateLogoAndNav);\n updateLogoAndNav();\n})();\n\ndocument.querySelector('.logo img').addEventListener('click', () => {\n window.location.href = 'https:\u002F\u002Fsharknc.com\u002Fhome';\n});\n\nfunction toggleMenu() {\n const navToggle = document.querySelector('.nav-toggle');\n const navMenu = document.getElementById('navMenu');\n const menuBackdrop = document.getElementById('menuBackdrop');\n const logoImg = document.querySelector('.logo img');\n const blackLogo = 'https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b5481ecab7f75dc7cd62cb.png';\n navToggle.classList.toggle('active');\n navMenu.classList.toggle('active');\n menuBackdrop.classList.toggle('active');\n document.body.style.overflow = navMenu.classList.contains('active') ? 'hidden' : 'auto';\n if (navMenu.classList.contains('active')) { logoImg.src = blackLogo; }\n else { updateLogoAndNav(); }\n}\n\nfunction closeMenu() {\n const navToggle = document.querySelector('.nav-toggle');\n const navMenu = document.getElementById('navMenu');\n const menuBackdrop = document.getElementById('menuBackdrop');\n navToggle.classList.remove('active');\n navMenu.classList.remove('active');\n menuBackdrop.classList.remove('active');\n document.body.style.overflow = 'auto';\n updateLogoAndNav();\n}\n\ndocument.addEventListener('keydown', (e) => { if (e.key === 'Escape') { closeMenu(); } });\nwindow.addEventListener('resize', () => { if (window.innerWidth > 768) closeMenu(); });\n\u003C\u002Fscript>\n\n\u003C!-- ============================================================\n BLOCK 2 PAGE JS â unchanged\n ============================================================ -->\n\u003Cscript>
2138\n(function() {\n \u002F\u002F Video Playlist\n var videos = document.querySelectorAll('.video-bg');\n var currentVideoIndex = 0;\n var firstVideoStarted = false;\n\n function startFirstVideo() {\n if (!firstVideoStarted) {\n videos[0].classList.add('active');\n videos[0].play().catch(function(e){ console.log('Autoplay prevented:', e); });\n firstVideoStarted = true;\n }\n }\n\n setTimeout(startFirstVideo, 800);\n\n function switchToNextVideo() {\n var cur = videos[currentVideoIndex];\n var next = (currentVideoIndex + 1) % videos.length;\n cur.classList.remove('active');\n cur.pause();\n cur.currentTime = 0;\n videos[next].classList.add('active');\n videos[next].play().catch(function(e){});\n currentVideoIndex = next;\n }\n\n videos.forEach(function(v, i) {\n v.addEventListener('ended', function(){ if (i === currentVideoIndex) switchToNextVideo(); });\n });\n videos.forEach(function(v){ v.load(); });\n\n \u002F\u002F Fade-in Sequence\n setTimeout(function() {\n \u002F\u002F Nav elements\n var logo = document.querySelector('.logo');\n if (logo) logo.classList.add('visible');\n var phoneIcon = document.getElementById('phoneIcon');\n if (phoneIcon) phoneIcon.classList.add('visible');\n var navToggle = document.querySelector('.nav-toggle');\n if (navToggle) navToggle.classList.add('visible');\n \u002F\u002F Hero elements\n ['heroHeadline','heroSubhead','heroLocation','heroCTA'].forEach(function(id){\n var el = document.getElementById(id);\n if (el) el.classList.add('visible');\n });\n }, 1400);\n\n \u002F\u002F About Section Observer\n function animateNumber(el, start, end, duration, suffix) {\n var useK = el.getAttribute('data-format') === 'k';\n var startTime = null;\n function tick(now) {\n if (!startTime) startTime = now;\n var prog = Math.min((now - startTime) \u002F duration, 1);\n var ease = 1 - Math.pow(1 - prog, 3);\n var cur = Math.floor(start + (end - start) * ease);\n el.textContent = (useK && cur >= 1000 ? (cur\u002F1000).toFixed(0)+'K' : cur) + suffix;\n if (prog \u003C 1) requestAnimationFrame(tick);\n else el.textContent = (useK && end >= 1000 ? (end\u002F1000).toFixed(0)+'K' : end) + suffix;\n }\n requestAnimationFrame(tick);\n }\n\n var aboutObserver = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n entry.target.querySelectorAll('.stat-number').forEach(function(item, i){\n var target = parseInt(item.getAttribute('data-target'));\n var suffix = item.getAttribute('data-suffix') || '';\n setTimeout(function(){ animateNumber(item, 0, target, 2500, suffix); }, i * 200);\n });\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -100px 0px' });\n\n var aboutSection = document.querySelector('.about-section');\n if (aboutSection) aboutObserver.observe(aboutSection);\n\n })();\n function openBookingModal() {\n const overlay = document.getElementById('bookingModalOverlay');\n const iframe = document.getElementById('bookingIframe');\n const loader = document.getElementById('bookingLoader');\n if (!iframe.src || iframe.src === window.location.href) {\n loader.classList.remove('hidden');\n iframe.src = iframe.getAttribute('data-src');\n }\n overlay.classList.add('open');\n document.body.style.overflow = 'hidden';\n}\n\nfunction closeBookingModal() {\n document.getElementById('bookingModalOverlay').classList.remove('open');\n document.body.style.overflow = 'auto';\n}\n\nfunction handleModalOverlayClick(e) {\n if (e.target === document.getElementById('bookingModalOverlay')) closeBookingModal();\n}\n\nfunction onIframeLoad() {\n setTimeout(() => { document.getElementById('bookingLoader').classList.add('hidden'); }, 400);\n}\n\u003C\u002Fscript>\n\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",{"value":165},[],"ccustom-code-Y6bqB5Wv5O",{},{"id":10,"type":14,"child":169,"class":171,"styles":176,"extra":178,"meta":14,"tagName":49,"title":50,"_id":10},[170],"row-pjzlas9GwX",{"width":172,"borders":173,"borderRadius":174,"radiusEdge":175},{"value":20},{"value":22},{"value":24},{"value":26},{"borderWidth":177},{"value":29,"unit":30},{"sticky":179,"visibility":180,"bgImage":182,"allowRowMaxWidth":184,"customClass":185,"elementScreenshot":187},{"value":33},{"value":181},{"hideDesktop":36,"hideMobile":36},{"value":183},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":36},{"value":186},[],{"value":188},[],{"id":170,"type":52,"child":190,"class":192,"styles":197,"extra":199,"tagName":73,"meta":52,"title":74},[191],"col-UgTgn2_Nvm",{"alignRow":193,"borders":194,"borderRadius":195,"radiu
2138sEdge":196},{"value":57},{"value":22},{"value":24},{"value":26},{"borderWidth":198},{"value":29,"unit":30},{"visibility":200,"bgImage":202,"rowWidth":204,"customClass":205},{"value":201},{"hideDesktop":36,"hideMobile":36},{"value":203},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":69,"unit":70},{"value":206},[],{"id":191,"type":76,"child":208,"class":210,"styles":214,"extra":216,"tagName":102,"meta":76,"title":103,"noOfColumns":104},[209],"custom-code-A6A3ydJWUI",{"borders":211,"borderRadius":212,"radiusEdge":213},{"value":22},{"value":24},{"value":26},{"borderWidth":215},{"value":29,"unit":30},{"visibility":217,"bgImage":219,"columnLayout":221,"justifyContentColumnLayout":222,"alignContentColumnLayout":223,"forceColumnLayoutForMobile":224,"customClass":225,"elementVersion":227},{"value":218},{"hideDesktop":36,"hideMobile":36},{"value":220},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":92},{"value":94},{"value":96},{"value":43},{"value":226},[],{"value":101},{"extra":229,"id":209,"meta":115,"tagName":116,"class":238},{"visibility":230,"customCode":232,"customClass":235,"nodeId":237},{"value":231},{"hideMobile":40,"hideDesktop":40},{"value":233},{"rawCustomCode":234},"\u003C!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ\n Shark Power Washing â Projects Section (embed snippet)\n Paste this block directly into your page's \u003Cbody>.\n No \u003Chtml>\u002F\u003Chead>\u002F\u003Cbody> wrappers needed.\n âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ -->\n\n\u003C!-- Google Fonts -->\n\u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Poppins:wght@900&family=Montserrat:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n\u003Cstyle>\n \u002F* âââ TEXT TICKER ââââââââââââââââââââââââââââââââââââââââââââ *\u002F\n .text-carousel-section {\n position: relative !important;\n width: 100vw !important;\n overflow: hidden !important;\n padding: 100px 0 100px 0 !important;\n background: black !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n display: block !important;\n visibility: visible !important;\n }\n\n .text-carousel-wrapper {\n opacity: 0 !important;\n transform: translateX(300px) !important;\n transition: opacity 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n transform 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\n display: block !important;\n visibility: visible !important;\n }\n\n .text-carousel-wrapper.animate-in {\n opacity: 1 !important;\n transform: translateX(0) !important;\n }\n\n .text-carousel-track {\n display: flex !important;\n gap: 60px !important;\n will-change: transform;\n white-space: nowrap !important;\n }\n\n .text-item {\n font-size: clamp(60px, 10vw, 160px) !important;\n font-weight: 900 !important;\n color: white !important;\n display: inline-block !important;\n white-space: nowrap !important;\n text-transform: uppercase !important;\n font-family: 'Poppins', 'Montserrat', sans-serif !important;\n letter-spacing: -0.02em !important;\n }\n\n \u002F* âââ MAP EMBED SECTION âââââââââââââââââââââââââââââââââââââ *\u002F\n .map-section {\n position: relative !important;\n width: 100vw !important;\n background: black !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n display: block !important;\n visibility: visible !important;\n padding: 60px 40px 100px 40px !important;\n }\n\n .map-animation-wrapper {\n opacity: 0 !important;\n transform: translateX(300px) !important;\n transition: opacity 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n transform 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\n display: block !important;\n visibility: visible !important;\n max-width: 1400px !important;\n margin: 0 auto !important;\n width: 100% !important;\n height: 600px !important;\n border-radius: 4px !important;\n overflow: hidden !important;\n }\n\n .map-animation-wrapper.animate-in {\n opacity: 1 !important;\n transform: translateX(0) !important;\n }\n\n .map-animation-wrapper iframe {\n width: 100% !important;\n height: 100% !important;\n min-height: 400px !important;\n border: none !important;\n display: block !important;\n }\n\n \u002F* âââ MOBILE â 768px and below ââââââââââââââââââââââââââââââ *\u002F\n @media (max-width: 768px) {\n .text-carousel-section { padding: 50px 0 !important; }\n .text-item { font-size: clamp(36px, 10vw, 160px) !important; }\n .map-section { padding: 40px 16px 60px 16px !important; }\n .map-animation-wrapper { height: 450px !important; }\n }\n\n \u002F* âââ Very small phones (\u003C 480px) ââââââââââââââââââââââââââ *\u002F\n @media (max-width: 480px) {\n .text-carousel-section { padding: 40px 0 !important; }\n .text-item { font-size: clamp(32px, 10vw, 160px) !important; }\n .map-section { padding: 30px 12px 50px 12px !important; }\n .map-animation-wrapper { height: 380px !important; }\n }\n\u003C\u002Fstyle>\n\n\u003C!-- âââ TEXT TICKER âââââââââââââââââââââââââââââââââââââââââââââââ -->\n\u003Cdiv class=\"text-carousel-section\">\n \u003Cdiv class=\"text-carousel-wrapper\" id=\"textCarouselWrapper\">\n \u003Cdiv class=\"text-carousel-track\" id=\"textCarouselTrack\">\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003Cspan class=\"text-item\">OUR PROJECTS.\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- âââ MAP EMBED ââââââââââââââââââââââââââââââââââââââââââââââââ -->\n\u003Cdiv class=\"map-section\">\n \u003Cdiv class=\"map-animation-wrapper\" id=\"mapAnimationWrapper\">\n \u003Ciframe\n frameborder=\"0\"\n src=\"https:\u002F\u002Ftrusty.app\u002Fembed\u002Fproject-map\u002Fc925797a-4f3a-4e6b-99ca-96dacef0b6c5\"\n allow=\"fullscreen\"\n loading=\"lazy\"\n >\u003C\u002Fiframe>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003Cscript>\n(function () {\n 'use strict';\n\n const isMobile = window.matchMedia('(max-width: 768px)').matches;\n\n const textWrapper = document.getElementById('textCarouselWrapper');\n const textTrack = document.getElementById('textCarouselTrack');\n const mapWrapper = document.getElementById('mapAnimationWrapper');\n\n if (textWrapper) textWrapper.style.display = 'block';\n if (mapWrapper) mapWrapper.style.display = 'block';\n\n const TEXT_SPEED = isMobile ? 1.2 : 1.5;\n let textResetPoint = 0;\n\n function cacheResetPoints() {\n if (textTrack) {\n const items = textTrack.children;\n const halfCount = Math.floor(items.length \u002F 2);\n let w = 0;\n for (let i = 0; i \u003C halfCount;
2138 i++) {\n w += items[i].offsetWidth + 60; \u002F\u002F 60px = CSS gap\n }\n textResetPoint = w;\n }\n }\n\n let textPos = 0;\n let rafId = null;\n let hidden = false;\n\n function tick() {\n if (textResetPoint > 0) {\n textPos += TEXT_SPEED;\n if (textPos >= textResetPoint) textPos = 0;\n textTrack.style.transform = `translateX(-${textPos}px)`;\n }\n rafId = requestAnimationFrame(tick);\n }\n\n function startLoop() {\n if (rafId === null && !hidden) rafId = requestAnimationFrame(tick);\n }\n\n function stopLoop() {\n if (rafId !== null) { cancelAnimationFrame(rafId); rafId = null; }\n }\n\n document.addEventListener('visibilitychange', function () {\n hidden = document.hidden;\n hidden ? stopLoop() : startLoop();\n });\n\n if ('IntersectionObserver' in window) {\n const opts = { threshold: 0.15, rootMargin: '0px 0px -50px 0px' };\n const observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add('animate-in');\n observer.unobserve(entry.target);\n });\n }, opts);\n if (textWrapper) observer.observe(textWrapper);\n if (mapWrapper) observer.observe(mapWrapper);\n } else {\n if (textWrapper) textWrapper.classList.add('animate-in');\n if (mapWrapper) mapWrapper.classList.add('animate-in');\n }\n\n window.addEventListener('load', function () { cacheResetPoints(); startLoop(); });\n if (document.readyState === 'complete') { cacheResetPoints(); startLoop(); }\n\n let resizeTimer;\n function onResize() { clearTimeout(resizeTimer); resizeTimer = setTimeout(cacheResetPoints, 150); }\n window.addEventListener('resize', onResize, { passive: true });\n window.addEventListener('orientationchange', onResize, { passive: true });\n\n})();\n\u003C\u002Fscript>",{"value":236},[],"ccustom-code-A6A3ydJWUI",{},{"id":11,"type":14,"child":240,"class":242,"styles":247,"extra":249,"meta":14,"tagName":49,"title":50,"_id":11},[241],"row-gIrdmk3TqK",{"width":243,"borders":244,"borderRadius":245,"radiusEdge":246},{"value":20},{"value":22},{"value":24},{"value":26},{"borderWidth":248},{"value":29,"unit":30},{"sticky":250,"visibility":251,"bgImage":253,"allowRowMaxWidth":255,"customClass":256,"elementScreenshot":258},{"value":33},{"value":252},{"hideDesktop":36,"hideMobile":36},{"value":254},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":36},{"value":257},[],{"value":259},[],{"id":241,"type":52,"child":261,"class":263,"styles":268,"extra":270,"tagName":73,"meta":52,"title":74},[262],"col-tMEGCNuARw",{"alignRow":264,"borders":265,"borderRadius":266,"radiusEdge":267},{"value":57},{"value":22},{"value":24},{"value":26},{"borderWidth":269},{"value":29,"unit":30},{"visibility":271,"bgImage":273,"rowWidth":275,"customClass":276},{"value":272},{"hideDesktop":36,"hideMobile":36},{"value":274},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":69,"unit":70},{"value":277},[],{"id":262,"type":76,"child":279,"class":281,"styles":285,"extra":287,"tagName":102,"meta":76,"title":103,"noOfColumns":104},[280],"custom-code-2s47Dk1a27",{"borders":282,"borderRadius":283,"radiusEdge":284},{"value":22},{"value":24},{"value":26},{"borderWidth":286},{"value":29,"unit":30},{"visibility":288,"bgImage":290,"columnLayout":292,"justifyContentColumnLayout":293,"alignContentColumnLayout":294,"forceColumnLayoutForMobile":295,"customClass":296,"elementVersion":298},{"value":289},{"hideDesktop":36,"hideMobile":36},{"value":291},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":92},{"value":94},{"value":96},{"value":43},{"value":297},[],{"value":101},{"extra":300,"id":280,"meta":115,"tagName":116,"class":309},{"visibility":301,"customCode":303,"customClass":306,"nodeId":308},{"value":302},{"hideMobile":40,"hideDesktop":40},{"value":304},{"rawCustomCode":305},"\u003Cdiv class=\"hero-video-wrapper\">\n \u003Cdiv class=\"global-parallax-background\">\n \u003Cdiv class=\"global-parallax-image\" id=\"globalParallaxImage\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Csection class=\"hero-section\" data-theme=\"light\">\n \u003Cdiv class=\"hero-content\">\n \u003Cdiv class=\"hero-label\">Membership Options\u003C\u002Fdiv>\n \u003Ch1 class=\"hero-title\">SCHEDULED.\u003C\u002Fh1>\n \u003Ch2 class=\"hero-title-accent\">POLISHED.\u003C\u002Fh2>\n \u003Ch2 class=\"hero-title-accent2\">YEAR-ROUND.\u003C\u002Fh2>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \u003Csection class=\"video-reveal-section\" id=\"videoSection\" data-theme=\"dark\">\n \u003Cdiv class=\"video-sticky-container\">\n \u003Cdiv class=\"video-circle-mask\" id=\"videoMask\">\n \u003Cdiv class=\"video-container\">\n \u003Cvideo id=\"revealVideo1\" class=\"reveal-video\" muted loop playsinline preload=\"auto\">\n \u003Csource src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b54841cab7f76d19cd657c.mp4\" type=\"video\u002Fmp4\">\n \u003C\u002Fvideo>\n \u003Cvideo id=\"revealVideo2\" class=\"reveal-video\" muted loop playsinline preload=\"none\">\n \u003Csource src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b5486fcab7f752e9cd696c.mp4\" type=\"video\u002Fmp4\">\n \u003C\u002Fvideo>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"cta-overlay\" id=\"ctaOverlay\">\n \u003Cdiv class=\"cta-text\">\n \u003Cp>Exterior care, on repeat.\u003C\u002Fp>\n \u003Cp>Priority scheduling, preferred member pricing, and consistent results without the reminder.\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"cta-buttons\">\n \u003Ca href=\"https:\u002F\u002Fsharknc.com\u002Fmemberships\" class=\"cta-button primary\">Explore Membership Options\u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003Cp class=\"tier-hint\">\n Choose your level of protection:\u003Cbr>\u003Cspan class=\"tier-names\">Bull Shark • Hammerhead • Megalodon VIP\u003C\u002Fspan>\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\u003C\u002Fdiv>\n\n\u003Cscript>\n(function () {\n 'use strict';\n\n \u002F\u002F ââ Inject Google Fonts âââââââââââââââââââââââââââââââââââââââââââ\n var fontLink = document.createElement('link');\n fontLink.rel = 'stylesheet';\n fontLink.href = 'https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Poppins:wght@900&family=Montserrat:wght@300;400;500;600;800&display=swap';\n document.head.appendChild(fontLink);\n\n \u002F\u002F ââ Inject styles âââââââââââââââââââââââââââââââââââââââââââââââââ\n var style = document.createElement('style');\n style.textContent = [\n '.hero-video-wrapper { position: relative; background: #ffffff; width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; padding-left: 0 !important; padding-right: 0 !important; }',\n\n '.global-parallax-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; pointer-events: none; }',\n\n '.global-parallax-image { position: absolute; top: 0; left: 0; width: 100%; height: 150%; background-image: url(\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b54798cab7f72889cd57fe.jpg\"); background-size: cover; background-position: center top; background-repeat: no-repeat; will-change: transform; }',\n\n '.hero-section, .video-reveal-section { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; padding-left: 0 !important; padding-right: 0 !important; }',\n\n '.hero-section { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 15vh; padding-bottom: 20px; position: relative; background: transparent; overflow: hidden; z-index: 2; }',\n\n '.hero-content { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; padding: 0 20px; }
2138',\n\n '@keyframes sharkFadeUp { to { opacity: 1; transform: translateY(0); } }',\n\n '.hero-label { font-family: \"Montserrat\", sans-serif; font-size: 14px; font-weight: 800; letter-spacing: 5px; text-transform: uppercase; color: #00B3BE; margin-bottom: 30px; opacity: 0; transform: translateY(20px); animation: sharkFadeUp 1s ease forwards 0.3s; }',\n\n '.hero-title { font-family: \"Poppins\", \"Montserrat\", sans-serif; font-size: clamp(48px, 10vw, 120px); font-weight: 900; letter-spacing: clamp(2px, 0.5vw, 8px); color: #101010; text-align: center; line-height: 1; margin-bottom: 10px; opacity: 0; transform: translateY(30px); animation: sharkFadeUp 1s ease forwards 0.5s; text-transform: uppercase; }',\n\n '.hero-title-accent { font-family: \"Poppins\", \"Montserrat\", sans-serif; font-size: clamp(48px, 10vw, 120px); font-weight: 900; letter-spacing: clamp(2px, 0.5vw, 8px); color: #101010; text-align: center; line-height: 1; margin-bottom: 10px; opacity: 0; transform: translateY(30px); animation: sharkFadeUp 1s ease forwards 0.6s; text-transform: uppercase; }',\n\n '.hero-title-accent2 { font-family: \"Poppins\", \"Montserrat\", sans-serif; font-size: clamp(48px, 10vw, 120px); font-weight: 900; letter-spacing: clamp(2px, 0.5vw, 8px); color: #101010; text-align: center; line-height: 1; margin-bottom: 50px; opacity: 0; transform: translateY(30px); animation: sharkFadeUp 1s ease forwards 0.7s; text-transform: uppercase; }',\n\n '.video-reveal-section { position: relative; min-height: 250vh !important; height: 250vh !important; background: transparent; z-index: 2; }',\n\n '.video-sticky-container { position: sticky; top: 0; height: 100vh; width: 100vw; display: flex; align-items: center; justify-content: center; overflow: visible !important; left: 0; }',\n\n '.video-circle-mask { position: absolute; overflow: hidden; will-change: clip-path; width: 100vw; height: 100vh; top: 0; left: 50%; transform: translateX(-50%); z-index: 4; }',\n\n '.video-container { position: relative; width: 100%; height: 100%; }',\n\n '.video-container::after { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: 1; pointer-events: none; }',\n\n '.video-circle-mask video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.5s ease; }',\n\n '.video-circle-mask video.active { opacity: 1; }',\n\n '.cta-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; opacity: 0; transition: opacity 0.5s ease; pointer-events: none; text-align: center; max-width: 900px; padding: 0 20px; }',\n\n '.cta-overlay.visible { opacity: 1; pointer-events: auto; }',\n\n '.cta-text { font-family: \"Montserrat\", sans-serif; font-size: clamp(14px, 2vw, 20px); font-weight: 400; letter-spacing: 1px; line-height: 1.8; color: rgba(255,255,255,0.95); text-shadow: 0 2px 20px rgba(0,0,0,0.9); margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto; }',\n\n '.cta-text p { display: block; margin: 0; padding: 0; }',\n\n '.cta-text p + p { margin-top: 1.2em; }',\n\n '.cta-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; }',\n\n '.cta-button { font-family: \"Montserrat\", sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 5px; text-transform: uppercase; color: #ffffff; background: rgba(0,179,190,0.15); backdrop-filter: blur(12px); border: 2px solid rgba(0,179,190,0.8); padding: 22px 65px; cursor: pointer; transition: all 0.6s cubic-bezier(0.19,1,0.22,1); text-decoration: none; display: inline-block; position: relative; overflow: hidden; box-shadow: 0 8px 40px rgba(0,179,190,0.3); }',\n\n '.cta-button::after { content: \"\"; position: absolute; inset: -2px; border: 2px solid rgba(255,255,255,0); border-radius: inherit; transition: all 0.6s cubic-bezier(0.19,1,0.22,1); pointer-events: none; }',\n\n '.cta-button.primary { background: rgba(0,179,190,0.15); color: #ffffff; border-color: rgba(0,179,190,0.8); }',\n\n '.cta-button.primary:hover { background: rgba(0,179,190,0.3); border-color: rgba(0,179,190,1); transform: translateY(-3px); box-shadow: 0 12px 50px rgba(0,179,190,0.5); letter-spacing: 6px; }',\n\n '.cta-button.primary:hover::after { border-color: rgba(0,179,190,0.15); inset: -6px; }',\n\n '.tier-hint { font-family: \"Montserrat\", sans-serif; font-size: clamp(13px, 1.6vw, 18px); font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #ffffff; text-shadow: none; }',\n\n '.tier-names { font-weight: 800; color: #00B3BE; text-shadow: 0 0 16px rgba(0,179,190,0.5); }',\n\n '@media (max-width: 768px) {',\n ' .hero-section { padding-top: max(100px, 15vh); padding-bottom: 16px; }',\n ' .hero-label { font-size: 11px; letter-spacing: 3px; margin-bottom: 20px; }',\n ' .hero-title-accent2 { margin-bottom: 30px; }',\n ' .cta-text { font-size: clamp(13px, 3.5vw, 16px); margin-bottom: 28px; letter-spacing: 0.5px; line-height: 1.7; }',\n ' .cta-buttons { flex-direction: column; align-items: center; width: 100%; max-width: 340px; gap: 12px; }',\n ' .cta-button { width: 100%; padding: 18px 24px; font-size: 9px; letter-spacing: 3px; text-align: center; }',\n ' .cta-button.primary:hover { transform: none; letter-spacing: 3px; }',\n ' .tier-hint { font-size: clamp(12px, 3vw, 15px); letter-spacing: 2px; line-height: 1.8; max-width: 320px; margin: 0 auto; }',\n '}',\n\n '@media (max-width: 480px) {',\n ' .hero-section { padding-top: max(90px, 14vh); }',\n ' .hero-label { font-size: 10px; letter-spacing: 2.5px; margin-bottom: 16px; }',\n ' .hero-title-accent2 { margin-bottom: 24px; }',\n ' .cta-buttons { max-width: 300px; }',\n ' .cta-button { padding: 16px 20px; font-size: 8.5px; letter-spacing: 2.5px; }',\n ' .tier-hint { font-size: clamp(11px, 2.8vw, 13px); letter-spacing: 1.5px; max-width: 290px; }',\n '}',\n\n '@media (max-width: 768px) and (orientation: landscape) {',\n ' .hero-section { padding-top: max(70px, 10vh); padding-bottom: 8px; }',\n ' .hero-title-accent2 { margin-bottom: 16px; }',\n ' .cta-text { font-size: 12px; margin-bottom: 16px; }',\n ' .cta-buttons { flex-direction: row; max-width: 100%; }',\n ' .cta-button { width: auto; padding: 14px 22px; }',\n ' .tier-hint { font-size: 11px; }',\n '}'\n ].join('\\n');\n document.head.appendChild(style);\n\n \u002F\u002F ââ Video cycling âââââââââââââââââââââââââââââââââââââââââââââââââ\n var videoSection = document.getElementById('videoSection');\n var videoMask = document.getElementById('videoMask');\n var videos = document.querySelectorAll('.reveal-video');\n var ctaOverlay = document.getElementById('ctaOverlay');\n var globalParallaxImage = document.getElementById('globalParallaxImage');\n\n if (!videoSection || !videoMask) return;\n\n var isMobile = window.matchMedia('(max-width: 768px)').matches;\n var currentVideoIndex = 0;\n\n videos[0].classList.add('active');\n videos[0].play().catch(function () {});\n\n var videoInterval = setInterval(function () {\n var current = videos[currentVideoIndex];\n var nextIndex = (currentVideoIndex + 1) % videos.length;\n var next = videos[nextIndex];\n current.classList.remove('active');\n next.classList.add('active');\n if (next.readyState === 0) next.load();\n next.play().catch(function () {});\n currentVideoIndex = nextIndex;\n }, 8000);\n\n document.addEventListener('visibilitychange', function () {\n if (document.hidden) {\n clearInterval(videoInterval);\n videos[currentVideoIndex].pause();\n } else {\n videos[currentVideoIndex].play().catch(function () {});\n }\n });\n\n \u002F\u002F ââ Easing helpers ââââââââââââââââââââââââââââââââââââââââââââââââ\n function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }\n function easeInOutQuad(t) { return t \u003C 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) \u002F 2; }\n\n \u002F\u002F ââ Scroll handler ââââââââââââââââââââââââââââââââââââââââââââââââ\n function handleScroll() {\n var rect = videoSection.getBoundingClientRect();\n var sectionHeight = rect.height;
2138\n var viewportHeight = window.innerHeight;\n var viewportWidth = window.innerWidth;\n var scrolled = -rect.top;\n var totalScrollDist = sectionHeight - viewportHeight;\n var progress = Math.max(0, Math.min(1, scrolled \u002F totalScrollDist));\n\n if (!isMobile && globalParallaxImage) {\n var pageScrolled = window.pageYOffset || document.documentElement.scrollTop;\n globalParallaxImage.style.transform = 'translateY(-' + (pageScrolled * 0.3) + 'px)';\n }\n\n var diagonal = Math.sqrt(viewportWidth * viewportWidth + viewportHeight * viewportHeight);\n var isMobileLocal = viewportWidth \u003C= 768;\n var startRadiusPx = ((isMobileLocal ? 40 : 25) \u002F 100) * diagonal;\n var clipPath;\n\n if (progress \u003C= 0.15) {\n var ep1 = easeOutCubic(progress \u002F 0.15);\n var centerY = 50 + (8 * (1 - ep1));\n clipPath = 'circle(' + startRadiusPx + 'px at 50% ' + centerY + '%)';\n } else if (progress \u003C= 0.9) {\n var ep2 = easeInOutQuad((progress - 0.15) \u002F 0.75);\n var currentRadius = startRadiusPx + (ep2 * (diagonal * 0.75 - startRadiusPx));\n clipPath = 'circle(' + currentRadius + 'px at 50% 50%)';\n } else {\n clipPath = 'none';\n }\n\n videoMask.style.clipPath = clipPath;\n videoMask.style.webkitClipPath = clipPath;\n\n if (progress > 0.5) {\n ctaOverlay.classList.add('visible');\n } else {\n ctaOverlay.classList.remove('visible');\n }\n }\n\n \u002F\u002F ââ Scroll + resize listeners âââââââââââââââââââââââââââââââââââââ\n var ticking = false;\n window.addEventListener('scroll', function () {\n if (!ticking) {\n window.requestAnimationFrame(function () { handleScroll(); ticking = false; });\n ticking = true;\n }\n }, { passive: true });\n\n var resizeTimer;\n window.addEventListener('resize', function () {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(handleScroll, 150);\n }, { passive: true });\n\n window.addEventListener('orientationchange', function () {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(handleScroll, 200);\n }, { passive: true });\n\n \u002F\u002F ââ Init ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ\n if (document.readyState === 'complete') {\n window.requestAnimationFrame(handleScroll);\n } else {\n window.addEventListener('load', function () {\n window.requestAnimationFrame(handleScroll);\n });\n }\n\n})();\n\u003C\u002Fscript>",{"value":307},[],"ccustom-code-2s47Dk1a27",{},{"id":12,"type":14,"child":311,"class":313,"styles":318,"extra":320,"meta":14,"tagName":49,"title":50,"_id":12},[312],"row-Nx3QLlaz7S",{"width":314,"borders":315,"borderRadius":316,"radiusEdge":317},{"value":20},{"value":22},{"value":24},{"value":26},{"borderWidth":319},{"value":29,"unit":30},{"sticky":321,"visibility":322,"bgImage":324,"allowRowMaxWidth":326,"customClass":327,"elementScreenshot":329},{"value":33},{"value":323},{"hideDesktop":36,"hideMobile":36},{"value":325},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":36},{"value":328},[],{"value":330},[],{"id":312,"type":52,"child":332,"class":334,"styles":339,"extra":341,"tagName":73,"meta":52,"title":74},[333],"col-meL-6weEOU",{"alignRow":335,"borders":336,"borderRadius":337,"radiu
2138sEdge":338},{"value":57},{"value":22},{"value":24},{"value":26},{"borderWidth":340},{"value":29,"unit":30},{"visibility":342,"bgImage":344,"rowWidth":346,"customClass":347},{"value":343},{"hideDesktop":36,"hideMobile":36},{"value":345},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":69,"unit":70},{"value":348},[],{"id":333,"type":76,"child":350,"class":352,"styles":356,"extra":358,"tagName":102,"meta":76,"title":103,"noOfColumns":104},[351],"custom-code-Jo9k77mDax",{"borders":353,"borderRadius":354,"radiusEdge":355},{"value":22},{"value":24},{"value":26},{"borderWidth":357},{"value":29,"unit":30},{"visibility":359,"bgImage":361,"columnLayout":363,"justifyContentColumnLayout":364,"alignContentColumnLayout":365,"forceColumnLayoutForMobile":366,"customClass":367,"elementVersion":369},{"value":360},{"hideDesktop":36,"hideMobile":36},{"value":362},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":92},{"value":94},{"value":96},{"value":43},{"value":368},[],{"value":101},{"extra":371,"id":351,"meta":115,"tagName":116,"class":380},{"visibility":372,"customCode":374,"customClass":377,"nodeId":379},{"value":373},{"hideMobile":40,"hideDesktop":40},{"value":375},{"rawCustomCode":376},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\">\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n \u003Ctitle>SHARK Contact Section - GHL Ready\u003C\u002Ftitle>\n \u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.googleapis.com\">\n \u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.gstatic.com\" crossorigin>\n \u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\n \u003Cstyle>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html, body {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Arial', sans-serif;\n color: #101010;\n line-height: 1.6;\n background: #ffffff url('https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b54798cab7f72889cd57fe.jpg') center\u002Fcover no-repeat fixed;\n }\n\n \u002F* âââ SECTION TITLE ââââââââââââââââââââââââââââââââââââââââââ *\u002F\n .section-title {\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 3px;\n margin-bottom: 4rem;\n color: #BEBEBE;\n text-transform: uppercase;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 2px;\n background: #00B3BE;\n margin-top: 1rem;\n border-radius: 2px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \u002F* âââ CONTACT SECTION ââââââââââââââââââââââââââââââââââââââââ *\u002F\n .contact-section {\n background-color: transparent;\n padding: 5rem 0;\n width: 100vw;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n }\n\n .contact-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0.6);\n z-index: 0;\n }\n\n .contact-section::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('data:image\u002Fsvg+xml,%3Csvg width=\"100\" height=\"100\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\"%3E%3Cfilter id=\"noise\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"4\" \u002F%3E%3C\u002Ffilter%3E%3Crect width=\"100\" height=\"100\" filter=\"url(%23noise)\" opacity=\"0.02\" \u002F%3E%3C\u002Fsvg%3E');\n opacity: 0.4;\n pointer-events: none;\n z-index: 1;\n }\n\n .contact-section > .section-title {\n align-self: center;\n position: relative;\n z-index: 2;\n }\n\n .contact-container {\n max-width: 900px;\n margin: 0 auto;\n width: 100%;\n padding-left: 8%;\n padding-right: 8%;\n position: relative;\n z-index: 2;\n }\n\n .form-header {\n margin-bottom: 3.5rem;\n text-align: center;\n }\n\n .form-headline {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n font-size: 4rem;\n letter-spacing: -0.5px;\n color: #000000;\n margin-bottom: 1.5rem;\n line-height: 1.2;\n text-transform: uppercase;\n }\n\n .form-subhead {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n font-size: 1rem;\n color: #101010;\n line-height: 1.7;\n max-width: 600px;\n letter-spacing: 0.3px;\n margin: 0 auto;\n }\n\n \u002F* âââ GHL FORM WRAPPER âââââââââââââââââââââââââââââââââââââââ *\u002F\n .ghl-form-wrapper {\n width: 100%;\n min-height: 600px;\n }\n\n .ghl-form-wrapper iframe {\n width: 100%;\n height: 1642px;\n border: none;\n border-radius: 4px;\n display: block;\n }\n\n \u002F* âââ FOOTER âââââââââââââââââââââââââââââââââââââââââââââââââ *\u002F\n #shark-footer {\n background: linear-gradient(180deg, #000000 0%, #0a0a0a 100%);\n color: #ffffff;\n padding: 5rem 8% 5rem;\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n margin-top: 0;\n }\n\n #shark-footer::after {\n content: '';\n display: block;\n position: absolute;\n bottom: -60px;\n left: 0;\n width: 100%;\n height: 60px;\n background-color: #000000;\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 5rem;\n padding-bottom: 4rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .footer-brand {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n .footer-logo {\n max-width: 280px;\n height: auto;\n }\n\n .footer-tagline {\n font-size: 0.85rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n line-height: 1.8;\n max-width: 400px;\n letter-spacing: 0.3px;\n }\n\n .footer-info {\n display: flex;\n flex-direction: column;\n gap: 2.5rem;\n }\n\n .footer-section-title {\n font-size: 0.65rem;\n font-weight: 600;\n letter-spacing: 3px;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n margin-bottom: 1rem;\n }\n\n .service-areas {\n font-size: 0.85rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n line-height: 1.9;\n letter-spacing: 0.3px;\n }\n\n .service-areas span {\n display: inline-block;\n margin-right: 0.5rem;\n }\n\n .service-areas span:not(:last-child)::after {\n content: '\\00b7';\n margin-left: 0.5rem;\n color: rgba(0, 179, 190, 0.4);\n }\n\n .social-links {\n display: flex;\n gap: 1.2rem;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .social-links a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 42px;\n height: 42px;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 50%;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .social-links a svg {\n width: 17px;\n height: 17px;\n fill: rgba(255, 255, 255, 0.5);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .social-links a:hover {\n border-color: #00B3BE;\n transform: translateY(-3px);\n box-shadow: 0 5px 20px rgba(0, 179, 190, 0.25);\n }\n\n .social-links a:hover svg {\n fill: #00B3BE;\n }\n\n .footer-bottom {\n padding-top: 2.5rem;\n text-align: center;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .footer-legal-links {\n display: flex;\n gap: 2rem;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n }\n\n .footer-legal-links a {\n font-size: 0.65rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: rgba(255, 255, 255, 0.4);\n text-transform: uppercase;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .footer-legal-links a:hover {\n color: #00B3BE;\n }\n\n .footer-legal-links span {\n color: rgba(0, 179, 190, 0.4);\n font-weight: 400;\n }\n\n .footer-copyright {\n font-size: 0.65rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: rgba(255, 255, 255, 0.4);\n text-transform: uppercase;\n }\n\n \u002F* âââ TABLET (1024px) ââââââââââââââââââââââââââââââââââââââââ *\u002F\n @media (max-width: 1024px) {\n .footer-content { gap: 3.5rem; }\n .footer-logo { max-width: 240px; }\n }\n\n \u002F* âââ TABLET (968px) âââââââââââââââââââââââââââââââââââââââââ *\u002F\n @media (max-width: 968px) {\n .form-headline { font-size: 3rem; }\n .form-subhead { font-size: 0.95rem; }\n }\n\n \u002F* âââ MOBILE â 768px and below ââââââââââââââââââââââââââââââ *\u002F\n @media (max-width: 768px) {\n .contact-section { padding: 3rem 0; }\n .contact-container { padding-left: 5%; padding-right: 5%; }\n .form-header { margin-bottom: 2rem; }\n .section-title { font-size: 0.7rem; letter-spacing: 2px; margin-bottom: 2.5rem; }\n .form-headline { font-size: clamp(1.6rem, 7.5vw, 2.5rem); margin-bottom: 1rem; }\n .form-subhead { font-size: 0.88rem; line-height: 1.65; max-width: 100%; }\n\n #shark-footer { padding: 3.5rem 0 3rem; }\n .footer-content {\n grid-template-columns: 1fr;\n gap: 2.5rem;\n padding-bottom: 2.5rem;\n text-align: center;\n padding-left: 5%;\n padding-right: 5%;\n }\n .footer-brand { align-items: center; }\n .footer-logo {\n max-width: 165px;\n width: 165px;\n height: auto;\n display: block;\n margin: 0 auto;\n }\n .footer-tagline {\n font-size: 0.75rem;\n text-align: center;\n max-width: 100%;\n box-sizing: border-box;\n line-height: 1.6;\n margin-left: auto;\n margin-right: auto;\n }\n .footer-info { align-items: center; text-align: center; }\n .service-areas span { display: block; margin-bottom: 0.2rem; margin-right: 0; }\n .service-areas span:not(:last-child)::after { content: ''; margin: 0; }\n .social-links { justify-content: center; gap: 0.8rem; }\n .footer-bottom { padding-top: 2.5rem; padding-left: 5%; padding-right: 5%; }\n .footer-legal-links { flex-direction: column; gap: 0.75rem; margin-bottom: 1rem; }\n .footer-legal-links span { display: none; }\n .footer-legal-links a { font-size: 0.6rem; letter-spacing: 1px; }\n .footer-copyright {\n font-size: 0.5rem;\n letter-spacing: 0.5px;\n word-break: break-word;\n text-align: center;\n line-height: 1.4;\n }\n }\n\n \u002F* âââ Very small phones (\u003C 480px) ââââââââââââââââââââââââââ *\u002F\n @media (max-width: 480px) {\n .contact-section { padding: 2.5rem 0; }\n .form-headline { font-size: clamp(1.4rem, 8vw, 2rem); }\n .form-subhead { font-size: 0.82rem; }\n .section-title { font-size: 0.65rem; letter-spacing: 1.5px; margin-bottom: 2rem; }\n #shark-footer { padding: 3.5rem 0 3rem; }\n .footer-logo { max-width: 165px; width: 165px; }\n .footer-tagline { font-size: 0.75rem; }\n .footer-legal-links a { font-size: 0.65rem; letter-spacing: 2px; }\n .footer-copyright { font-size: 0.5rem; letter-spacing: 0.5px; }\n }\n \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n \u003Csection class=\"contact-section\" data-theme=\"light\">\n \u003Cdiv class=\"section-title\">Schedule Your Walk-Through Today\u003C\u002Fdiv>\n\n \u003Cdiv class=\"contact-container\">\n \u003Cdiv class=\"form-header\">\n \u003Ch2 class=\"form-headline\">Your Property, Professionally Handled\u003C\u002Fh2>\n \u003Cp class=\"form-subhead\">A clear assessment. A tailored plan. Defined from the start.\u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"ghl-form-wrapper\">\n \u003Ciframe\n src=\"https:\u002F\u002Fapi.leadconnectorhq.com\u002Fwidget\u002Fform\u002F7tv1pYEBoKCkShfGdneM\"\n style=\"width:100%;height:100%;border:none;border-radius:4px\"\n id=\"inline-Uqde0PuM5o7OBmYKL4O4\"\n data-layout=\"{'id':'INLINE'}\"\n data-trigger-type=\"alwaysShow\"\n data-trigger-value=\"\"\n data-activation-type=\"alwaysActivated\"\n data-activation-value=\"\"\n data-deactivation-type=\"neverDeactivate\"\n data-deactivation-value=\"\"\n data-form-name=\"COPY - Schedule Property Walk-Through Form - Copy\"\n
2138 data-height=\"1642\"\n data-layout-iframe-id=\"inline-Uqde0PuM5o7OBmYKL4O4\"\n data-form-id=\"Uqde0PuM5o7OBmYKL4O4\"\n title=\"COPY - Schedule Property Walk-Through Form - Copy\"\n >\u003C\u002Fiframe>\n \u003Cscript src=\"https:\u002F\u002Flink.msgsndr.com\u002Fjs\u002Fform_embed.js\">\u003C\u002Fscript>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \u003Cfooter id=\"shark-footer\" data-theme=\"dark\">\n \u003Cdiv class=\"footer-content\">\n \u003Cdiv class=\"footer-brand\">\n \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F0PvaBYJZzOa7DH3aBbxY\u002Fmedia\u002F69b547fb277ba0108ef0fc0d.png\" alt=\"SHARK Power Washing\" class=\"footer-logo\">\n \u003Cp class=\"footer-tagline\">Exterior Care, Held to a Higher Standard. Fully Certified & Insured.\u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"footer-info\">\n \u003Cdiv>\n \u003Ch3 class=\"footer-section-title\">Service Area\u003C\u002Fh3>\n \u003Cdiv class=\"service-areas\">\n \u003Cspan>Wrightsville Beach\u003C\u002Fspan>\n \u003Cspan>Landfall\u003C\u002Fspan>\n \u003Cspan>Figure Eight Island\u003C\u002Fspan>\n \u003Cspan>Carolina Beach\u003C\u002Fspan>\n \u003Cspan>Kure Beach\u003C\u002Fspan>\n \u003Cspan>Porters Neck\u003C\u002Fspan>\n \u003Cspan>Hampstead\u003C\u002Fspan>\n \u003Cspan>Wilmington\u003C\u002Fspan>\n \u003Cspan>Topsail Beach\u003C\u002Fspan>\n \u003Cspan>Ogden\u003C\u002Fspan>\n \u003Cspan>Surrounding Areas\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv>\n \u003Ch3 class=\"footer-section-title\">Connect With Us\u003C\u002Fh3>\n \u003Cdiv class=\"social-links\">\n \u003Ca href=\"https:\u002F\u002Fwww.facebook.com\u002FSharkPressureWash\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\">\n \u003Csvg viewBox=\"0 0 24 24\">\u003Cpath d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002F@SharkPowerWashing\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"YouTube\">\n \u003Csvg viewBox=\"0 0 24 24\">\u003Cpath d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fwww.instagram.com\u002Fp\u002FDUbiv_uDj3n\u002F\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\">\n \u003Csvg viewBox=\"0 0 24 24\">\u003Cpath d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259
21380-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002FShark+Power+Washing\[email protected],-77.7952242,3552m\u002Fdata=!3m1!1e3!4m6!3m5!1s0x89a9f371c93a13db:0xa11c9864b720e196!8m2!3d34.272186!4d-77.873443!16s%2Fg%2F11jp0g_lvm!5m1!1e2?entry=ttu&g_ep=EgoyMDI2MDIxNy4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Google Maps\">\n \u003Csvg viewBox=\"0 0 24 24\">\u003Cpath d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\u002F>\u003C\u002Fsvg>\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"footer-bottom\">\n \u003Cdiv class=\"footer-legal-links\">\n \u003Ca href=\"https:\u002F\u002Fapp.gohighlevel.com\u002Fv2\u002Fpreview\u002FcDlmXJIIjcRJYYAOL74I?notrack=true\" target=\"_blank\" rel=\"noopener noreferrer\">Privacy Policy\u003C\u002Fa>\n \u003Cspan>·\u003C\u002Fspan>\n \u003Ca href=\"https:\u002F\u002Fapp.gohighlevel.com\u002Fv2\u002Fpreview\u002F1MjLRfWYkFIdGjwdnqIn?notrack=true\" target=\"_blank\" rel=\"noopener noreferrer\">Terms of Service\u003C\u002Fa>\n \u003C\u002Fdiv>\n \u003Cp class=\"footer-copyright\">© 2025 Shark Power Washing | All Rights Reserved\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Ffooter>\n\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",{"value":378},[],"ccustom-code-Jo9k77mDax",{},[],"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CSpace%20Grotesk:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap",[],{"title":40,"description":40,"author":40,"imageUrl":40,"isPreviewUrl":36},"sharknc.com","\u002Fhome","tU6OHTtcZxxD3DB4fUNo","Home","s2CYrnSkd3Ar9n725Bd1",[391],{"id":392,"elements":393,"activeElementId":392},"hl_main_popup-pKgsQrAFrt",[394],{"extra":395,"class":411,"styles":417,"customCss":420,"id":392,"child":421,"meta":422,"title":423,"tag":40},{"bgImage":396,"overlayColor":398,"left":400,"popupDisabled":402,"popupHide":403,"minWidth":404,"showPopupOnMouseOut":406,"customClass":408,"position":410},{"value":397},{"mediaType":39,"url":40,"opacity":41,"options":42,"svgCode":40,"videoUrl":40,"videoThumbnail":40,"videoLoop":43},{"value":399},"var(--overlay)",{"value":401,"unit":70},50,{"value":36},{"value":36},{"value":405},"medium-page",{"value":407,"delay":104},"exit",{"value":409},[],{"value":94},{"borders":412,"borderRadius":414,"radiusEdge":416},{"value":413},"borderFull",{"value":415},"radius2",{"value":26},{"borderWidth":418},{"value":419,"unit":30},"10",[],[],"hl_main_popup","Popup","https:\u002F\u002Fstcdn.leadconnectorhq.com\u002Ffunnel\u002Ficon\u002Ffavicon.ico","j6Iz3ynjfBbMJDB8ziyg","Shark Powerwashing","b24c54e9-8721-4f3e-bdb4-1c76909f74d4",[],null,["Reactive",431],{"$snuxt-i18n-meta":432,"$spreviewState":433,"$smetaPixelOptions":618},{},{"defaultSettings":434,"mobileDevice":36,"tabletDevice":36,"funnelId":425,"funnelDomain":385,"stepId":427,"locationId":389,"funnelPageId":387,"locationCode":518,"funnelNextStep":519,"fingerprint":40,"funnelNextPageId":520,"stripePublishableKey":521,"enablePaymentElement":36,"merchantLoginId":40,"paypalPublishableKey":40,"merchantAccountId":-1,"stripeAccountId":522,"isLivePaymentMode":43,"version":523,"funnelSteps":524,"cartItems":595,"funnelName":426,"orderFormVersion":101,"currency":596,"businessCurrency":596,"blogSlug":40,"domain":385,"pageUrl":386,"pageName":388,"pageSeo":597,"affiliateId":-1,"videoExists
2138InPage":36,"pageType":598,"contactId":-1,"email":-1,"phone":40,"categoryId":40,"blogSearchTerm":40,"categoryUrlSlug":40,"authorSlug":40,"tagSlug":40,"authorId":40,"defaultPaymentProvider":40,"productCollections":599,"ecomSelectedCollection":40,"imageOptimizationEnabled":43,"nmiMerchantGatewayId":40,"squareMerchantGatewayId":40,"mercadoPagoUserId":40,"fontsToLoad":600,"ecomProductId":40,"isGdprCompliant":36,"isOptimisePageLoad":43,"ecommercePage":104,"isBlogActive":36,"blogData":602,"blogPaths":-1,"blogId":425,"allowedCookies":603,"paymentProviderDetails":-1,"events":604,"searchTerm":40,"countryList":605,"pixelToInit":428,"formAction":40,"ecomProduct":606,"requireCreditCard":43,"haveBlogWidget":36,"isFacebookIAB":36,"companyId":607,"customerLoginToken":40,"savedAddresses":608,"savedAddressesLoaded":36,"savedAddressesFailed":36,"cookieConsentList":609,"cookieConsentExpiry":610,"hostCookieConsentData":429,"isHostCookieConsentExpected":36,"mediaFormats":611,"adyenMerchantGatewayId":40,"webinarProperties":429,"webinarSession":429,"userWebinarSession":429,"turnstileToken":40,"turnstileType":613,"turnstileSiteKeys":614,"upsellInFlight":36,"mobileVisibilityDelays":617,"productDetailPageStyles":429,"geoCountry":429,"isCurrencyFormattingEnabled":36},{"typography":435,"background":456,"percentWidth":461,"offsetColor":495,"progressBarSize":508},{"fonts":436,"colors":447},{"headlineFont":437,"contentFont":443},{"id":438,"text":439,"value":440},"headlinefont","Headline Font",{"text":441,"value":442},"Inter","var(--inter)",{"id":444,"text":445,"value":446},"contentfont","Content Font",{"text":441,"value":442},{"textColor":448,"linkColor":452},{"value":449},{"label":450,"value":451},"var(--black)","#000000",{"value":453},{"label":454,"value":455},"var(--blue)","#188bf6",{"bgImage":457,"backgroundColor":459},{"value":458},{"url":40,"options":42},{"value":460},"var(--white)",[462,465,468,471,474,477,480,483,486,489,492],{"text":463,"value":464},"0 Percent","progress0",{"text":466,"value":467},"10 Percent","progress10",{"text":469,"value":470},"20 Percent","progress20",{"text":472,"value":473},"30 Percent","progress30",{"text":475,"value":476},"40 Percent","progress40",{"text":478,"value":479},"50 Percent","progress50",{"text":481,"value":482},"60 Percent","progress60",{"text":484,"value":485},"70 Percent","progress70",{"text":487,"value":488},"80 Percent","progress80",{"text":490,"value":491},"90 Percent","progress90",{"text":493,"value":494},"100 Percent","progress100",[496,499,502,505],{"text":497,"value":498},"White","progressbarOffsetWhite",{"text":500,"value":501},"Transparent White","progressbarOffsetTransparentWhite",{"text":503,"value":504},"Black","progressbarOffsetBlack",{"text":506,"value":507},"Transparent Black","progressbarOffsetTransparentBlack",[509,512,515],{"text":510,"value":511},"Small","progressbarSmall",{"text":513,"value":514},"Medium","progressbarMedium",{"text":516,"value":517},"Large","progressbarLarge","US","\u002Fabout","felWhRm3AudUhC9Hz1kx","pk_live_MtxwO3obi7pfD7UZlGkfR2yj","acct_1MjY4ERGMn4FHgX5",4,[525,527,530,536,541,547,553,559,565,571,577,583,589],{"url":386,"value":427,"type":526,"sequence":104,"id":387,"name":388,"split":36},"optin_funnel_page",{"url":519,"value":528,"type":526,"sequence":101,"id":520,"name":529,"split":36},"6161cfbc-8f99-478a-9921-9e99de8aaa45","About us",{"url":531,"value":532,"type":526,"sequence":533,"id":534,"name":535,"split":36},"\u002Fsurface-cleaning","bb73db98-0419-4c7b-806f-58eecbcde46f",3,"Tyxd4RNgjUL8BMfxob6Y","Surface Cleaning",{"url":537,"value":538,"type":526,"sequence":523,"id":539,"name":540,"split":36},"\u002Fwindow-cleaning","cf087300-cd9c-43cb-a2dc-7aa305fe977e","fc83NY6JVRdSNNMmFCmk","Window Cleaning",{"url":542,"value":543,"type":526,"sequence":544,"id":545,"name":546,"split":36},"\u002Fcommercial-cleaning","4c742c93-bca0-4349-b280-236dee6d2d40",5,"8mjXxhE0xjAa6jUJXZBg","Commercial Cleaning",{"url":548,"value":549,"type":526,"sequence":550,"id":551,"name":552,"split":36},"\u002Fadditional-services","fba0f3d4-972c-4602-80bc-ae26ca8719fa",6,"qu2AVRM4qmt5WXI7jvJv","Additional Services",{"url":554,"value":555,"type":526,"sequence":556,"id":557,"name":558,"split":36},"\u002Fpartnerships","6565cfba-3b96-44fe-9233-14661d6e20fc",7,"ffnWJ2cB9R0CSZHAWV2j","Partnerships",{"url":560,"value":561,"type":526,"sequence":562,"id":563,"name":564,"split":36},"\u002Fmemberships","8e399445-433c-48a9-b44e-5c9226279d33",8,"4PbUbnf8jSwTn7LLFqEZ","Memberships",{"url":566,"value":567,"type":526,"sequence":568,"id":569,"name":570,"split":36},"\u002Fcontact-us","2fd3d566-cef4-4199-86ae-dcaae4639c44",9,"LsJXOaNZajysTQRxSnhK","Contact us",{"url":572,"value":573,"type":526,"sequence":574,"id":575,"name":576,"split":36},"\u002Fprivacy-policy","b99da253-dc4d-4274-a1f3-91d8e880c050",10,"at1NTED6xrQZSwG5s8ox","Privacy Policy",{"url":578,"value":579,"type":526,"sequence":580,"id":581,"name":582,"split":36},"\u002Fterms-and-services","23737bb0-91ca-4a56-9642-a88cdf4310ab",11,"J1zXoTNsUlnE8uxusBvP","Terms and Services",{"url":584,"value":585,"type":526,"sequence":586,"id":587,"name":588,"split":36},"\u002Fblog","0802a809-2b57-4a72-a713-0ec892d623d1",12,"YjUz2KD0bPqg3wLsbHJx","Blog",{"url":590,"value":591,"type":526,"sequence":592,"id":593,"name":594,"split":36},"\u002Fhouse_washing","295b6e79-f60f-48c5-8b39-605ab2116688",13,"LvwWWqg6BUBTNAdEt9ML","house washing",[],"USD",{"title":40,"description":40,"imageUrl":40},"website",[],[441,601],"Space Grotesk",{},[],[],[],{},"7lpYqL4PGKXwhZUalVtO",[],[],["Date","2026-10-06T01:29:50.727Z"],{"formats":612},[],"invisible",{"invisibleSiteKey":615,"visibleSiteKey":616}
2138,"0x4AAAAAACCpVlau-4k7cJ33","0x4AAAAAACDfuwSBQ2sYO1VD",["Map"],{"pixelID":429,"disabled":36,"track":619,"version":620,"isEnabled":43,"pixelLoaded":36,"manualMode":43,"userData":429,"eventsQueue":621},"PageView","2.0",[],["Set"],["ShallowReactive",624],{"pageData":-1}]</script>
2138</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.