/* Page-level CSS captured from the live GHL page (GHL base + Tailwind CDN output). */
:root{ --transparent: transparent; --primary: #37ca37; --secondary: #188bf6; --white: #ffffff; --gray: #cbd5e0; --black: #000000; --red: #e93d3d; --orange: #f6ad55; --yellow: #faf089; --green: #9ae6b4; --teal: #81e6d9; --malibu: #63b3ed; --indigo: #757BBD; --purple: #d6bcfa; --pink: #fbb6ce; --cobalt: #155eef; --smoke: #f5f5f5; --overlay: rgba(0, 0, 0, 0.5); --color-6a57e5e01b72f9fc9df028db: #61DEFF; --color-6a57e5e01b72f9fc9df028dc: #00A1CE; --color-6a57e5e01b72f9fc9df028dd: #61DEFF; --color-6a57e5e01b72f9fc9df028de: #FFFFFF; --color-6a57e5e01b72f9fc9df028df: #081B3A; --color-6a57e5e01b72f9fc9df028e0: #081B3A; --headlinefont: 'Inter'; --contentfont: 'Inter'; --text-color: #000000; --link-color: #188bf6; }
:root{ --transparent: transparent; --black: #000000; }
:root:root:root .hl_page-preview--content .custom-code-TSV5TD2vzG{ margin: 0px; width: auto; height: auto; }
:root{ --transparent: transparent; --black: #000000; }
:root:root:root .hl_page-preview--content .custom-code-fv6VnQvZ_n{ margin: 0px; width: auto; height: auto; }
:root{ --sticky-header-height: 0px; }
:root:root:root [id]{ scroll-margin-top: var(--sticky-header-height); }
@media (min-width: 768px){:root:root:root body{ padding-top: 0px; }

}
:root:root:root body{ margin: 0px; -webkit-font-smoothing: antialiased; }
:root:root:root img{ border-style: none; vertical-align: middle; }
@keyframes v-moonStretchDelay{ 
  100% { transform: rotate(1turn); }
}
:root:root:root .c-wrapper{ position: relative; }
:root:root:root :where(p,[data-psi-tag="p"]):not(psi-x) + :where(p,[data-psi-tag="p"]):not(psi-x){ margin-top: auto; }
:root:root:root .fa{ -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; }
@keyframes rocking{ 
  0% { transform: rotate(0deg); }
  25% { transform: rotate(0deg); }
  50% { transform: rotate(2deg); }
  75% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }
}
@keyframes pulseGlow{ 
  0% { box-shadow: rgba(255, 255, 255, 0) 0px 0px; }
  25% { box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 2.5px 1px; }
  50% { box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 5px 2px; }
  85% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 5px 5px; }
  100% { box-shadow: rgba(255, 255, 255, 0) 0px 0px; }
}
@keyframes bounce{ 
  15% { box-shadow: transparent 0px 0px 0px 0px; transform: translateY(0px); }
  35% { box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 5px -5px; transform: translateY(-35%); }
  45% { box-shadow: transparent 0px 0px 0px 0px; transform: translateY(0px); }
  55% { box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 4px -4px; transform: translateY(-20%); }
  70% { box-shadow: transparent 0px 0px 0px 0px; transform: translateY(0px); }
  80% { box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 3px -3px; transform: translateY(-10%); }
  90% { box-shadow: transparent 0px 0px 0px 0px; transform: translateY(0px); }
  95% { box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 3px -3px; transform: translateY(-2%); }
  99% { box-shadow: transparent 0px 0px 0px 0px; transform: translateY(0px); }
  100% { box-shadow: transparent 0px 0px 0px 0px; transform: translateY(0px); }
}
@keyframes elevate{ 
  0% { box-shadow: transparent 0px 0px 0px 0px; transform: translateY(0px); }
  100% { box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 5px -5px; transform: translateY(-10px); }
}
@keyframes wobble{ 
  0% { transform: skew(0deg); }
  25% { transform: skew(10deg); }
  50% { transform: skew(0deg); }
  75% { transform: skew(-10deg); }
  100% { transform: skew(0deg); }
}
:root:root:root button, :root:root:root input, :root:root:root select{ border-radius: unset; font-family: unset; font-size: unset; line-height: unset; margin: unset; text-transform: unset; }
:root:root:root body{ overflow-wrap: break-word; font-weight: unset !important; line-height: unset !important; }
:root:root:root *, :root:root:root ::after, :root:root:root ::before{ box-sizing: border-box; }
@keyframes progress-bar-animation{ 
  100% { background-position: 0px -3000px; }
}
@keyframes gradient{ 
  0% { background-position: 0px 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}
:root:root:root :where(h1,[data-psi-tag="h1"]):not(psi-x), :root:root:root :where(h3,[data-psi-tag="h3"]):not(psi-x){ font-weight: 500; margin: unset; }
:root:root:root :where(p,[data-psi-tag="p"]):not(psi-x){ margin: unset; }
@keyframes hvr-pulse{ 
  25% { transform: scale(var(--hover-scale,1.1)); }
  75% { transform: scale(0.9); }
}
@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); }
  100% { transform: translate(0px); }
}
@keyframes hvr-buzz{ 
  50% { transform: translate(calc(var(--hover-distance, 3)*1px)) rotate(2deg); }
  100% { transform: translate(calc(var(--hover-distance, 3)*-1px)) rotate(-2deg); }
}
@keyframes hvr-fade-preview{ 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes hvr-sweep-right-preview{ 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@keyframes hvr-sweep-bottom-preview{ 
  0% { transform: scaleY(0); }
  100% { transform: scaleY(1); }
}
@keyframes hvr-radial-in-preview{ 
  0% { transform: scale(2); }
  100% { transform: scale(0); }
}
@keyframes hvr-bounce-top-preview{ 
  0% { transform: scaleY(0); }
  100% { transform: scaleY(1); }
}
@keyframes hvr-ripple-out{ 
  100% { inset: -12px; opacity: 0; }
}
@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.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"); }
@font-face{ font-display: swap; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; src: 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"); }
:root:root:root .fa{ font-family: "Font Awesome 5 Free"; }
:root:root:root .fa{ 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.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"); }
:root{ --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; }
@keyframes fadeIn{ 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeInUp{ 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInDown{ 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInLeft{ 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInRight{ 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes slideInUp{ 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes slideInDown{ 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes slideInLeft{ 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes slideInRight{ 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes bounceIn{ 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}
@keyframes bounceInUp{ 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px) scaleY(5); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); }
  75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); }
  90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInDown{ 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px) scaleY(3); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); }
  75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); }
  90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInLeft{ 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px) scaleX(3); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); }
  75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); }
  90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInRight{ 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px) scaleX(3); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); }
  75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); }
  90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); }
  100% { transform: translateZ(0px); }
}
@keyframes flip{ 
  0% { animation-timing-function: ease-out; opacity: 0; transform: perspective(400px) scaleX(1) translateZ(0px) 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(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); }
  100% { animation-timing-function: ease-in; opacity: 1; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); }
}
@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); }
  100% { transform: perspective(400px); }
}
@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); }
  100% { transform: perspective(400px); }
}
@keyframes rollIn{ 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes zoomIn{ 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@keyframes lightSpeedInLeft{ 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skew(30deg); }
  60% { opacity: 1; transform: skew(-20deg); }
  80% { transform: skew(5deg); }
  100% { transform: translateZ(0px); }
}
@keyframes lightSpeedInRight{ 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px) skew(-30deg); }
  60% { opacity: 1; transform: skew(20deg); }
  80% { transform: skew(-5deg); }
  100% { transform: translateZ(0px); }
}