PageSourceSearch

https://sharknc.com/home

html sharknc.com collected 2026-10-06 08:57:08 UTC 292,473 bytes, 2,138 lines download raw bytes

1<!DOCTYPE html><html  lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="anonymous"><link rel="preconnect" href="https://backend.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://images.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://cdn.filesafe.space" crossorigin="anonymous"><meta property="og:type" content="website"><meta property="twitter:type" content="website"><style> 
2
3 :root{ --transparent: transparent;
4--primary: #37ca37;
5--secondary: #188bf6;
6--white: #ffffff;
7--gray: #cbd5e0;
8--black: #000000;
9--red: #e93d3d;
10--orange: #f6ad55;
11--yellow: #faf089;
12--green: #9ae6b4;
13--teal: #81e6d9;
14--malibu: #63b3ed;
15--indigo: #757BBD;
16--purple: #d6bcfa;
17--pink: #fbb6ce;
18--cobalt: #155eef;
19--smoke: #f5f5f5;
20--overlay: rgba(0, 0, 0, 0.5);
21--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 &bull; Hammerhead &bull; 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 &amp; 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>&middot;</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">&copy; 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 &bull; Hammerhead &bull; 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 &amp; 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>&middot;\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\">&copy; 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.