/* 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-gfmZyJe3Xs{ margin: 0px; width: auto; height: auto; }
:root{ --transparent: transparent; --black: #000000; }
:root:root:root .hl_page-preview--content .custom-code-FEHGsybg1b, :root:root:root .hl_page-preview--content .custom-code-xB0OrX6rQx{ margin: 0px; width: auto; height: auto; }
:root{ --sticky-header-height: 0px; }
:root:root:root [id]{ scroll-margin-top: var(--sticky-header-height); }
:root:root:root .flex{ display: flex; }
:root:root:root .flex-col{ flex-direction: column; }
:root:root:root .gap-2{ gap: 0.625rem; }
@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; }
:root:root:root .text-white{ color: rgb(255, 255, 255); }
@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 .items-center{ align-items: center; }
:root:root:root .font-semibold{ font-weight: 600; }
:root:root:root .text-sm{ font-size: 0.875rem; }
:root:root:root .w-full{ width: 100%; }
:root:root:root .justify-between{ justify-content: space-between; }
:root:root:root .justify-center{ justify-content: center !important; }
:root:root:root .text-center{ text-align: center; }
:root:root:root .mx-auto{ margin: 0px 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 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(h2:not([data-psi-tag="h1"]),[data-psi-tag="h2"]):not(psi-x), :root:root:root :where(h4,[data-psi-tag="h4"]):not(psi-x){ font-weight: 500; margin: unset; }
:root:root:root :where(p,[data-psi-tag="p"]):not(psi-x){ margin: unset; }
:root:root:root :where(p,[data-psi-tag="p"]):not(psi-x):has(> br:last-child):not(:has(> br:nth-of-type(2)))::after{ content: "\a "; white-space: pre; }
@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); }
}
:root:root:root *, :root:root:root ::before, :root:root:root ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
:root:root:root ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
:root:root:root .mx-auto{ margin-left: auto; margin-right: auto; }
:root:root:root .mb-1{ margin-bottom: 0.25rem; }
:root:root:root .mb-2{ margin-bottom: 0.5rem; }
:root:root:root .mb-3{ margin-bottom: 0.75rem; }
:root:root:root .mb-5{ margin-bottom: 1.25rem; }
:root:root:root .mb-6{ margin-bottom: 1.5rem; }
:root:root:root :is(.tw-mt-0_5,.mt-0\.5){ margin-top: 0.125rem; }
:root:root:root .mt-14{ margin-top: 3.5rem; }
:root:root:root .block{ display: block; }
:root:root:root .flex{ display: flex; }
:root:root:root .h-10{ height: 2.5rem; }
:root:root:root .h-16{ height: 4rem; }
:root:root:root .h-4{ height: 1rem; }
:root:root:root .h-5{ height: 1.25rem; }
:root:root:root .h-9{ height: 2.25rem; }
:root:root:root :is(.tw-h-_3px_,.h-\[3px\]){ height: 3px; }
:root:root:root .w-10{ width: 2.5rem; }
:root:root:root .w-4{ width: 1rem; }
:root:root:root .w-5{ width: 1.25rem; }
:root:root:root .w-8{ width: 2rem; }
:root:root:root .w-9{ width: 2.25rem; }
:root:root:root .w-auto{ width: auto; }
:root:root:root .w-full{ width: 100%; }
:root:root:root .max-w-7xl{ max-width: 80rem; }
:root:root:root .shrink-0{ flex-shrink: 0; }
:root:root:root .cursor-pointer{ cursor: pointer; }
:root:root:root .grid-cols-1{ grid-template-columns: repeat(1, minmax(0px, 1fr)); }
:root:root:root .flex-col{ flex-direction: column; }
:root:root:root .items-start{ align-items: flex-start; }
:root:root:root .items-center{ align-items: center; }
:root:root:root .justify-center{ justify-content: center; }
:root:root:root .justify-between{ justify-content: space-between; }
:root:root:root .gap-12{ gap: 3rem; }
:root:root:root .gap-2{ gap: 0.5rem; }
:root:root:root .gap-3{ gap: 0.75rem; }
:root:root:root .gap-5{ gap: 1.25rem; }
:root:root:root .space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); }
:root:root:root :is(.tw-space-y-3_5,.space-y-3\.5) > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); }
:root:root:root .break-all{ word-break: break-all; }
:root:root:root .rounded-full{ border-radius: 9999px; }
:root:root:root .border{ border-width: 1px; }
:root:root:root .border-t{ border-top-width: 1px; }
:root:root:root :is(.tw-border-__00b0f0__60,.border-\[\#00b0f0\]\/60){ border-color: rgba(0, 176, 240, 0.6); }
:root:root:root :is(.tw-border-white_10,.border-white\/10){ border-color: rgba(255, 255, 255, 0.1); }
:root:root:root :is(.tw-bg-__00b0f0_,.bg-\[\#00b0f0\]){ --tw-bg-opacity: 1; background-color: rgb(0 176 240 / var(--tw-bg-opacity, 1)); }
:root:root:root :is(.tw-bg-__0a1c33_,.bg-\[\#0a1c33\]){ --tw-bg-opacity: 1; background-color: rgb(10 28 51 / var(--tw-bg-opacity, 1)); }
:root:root:root :is(.tw-bg-white_10,.bg-white\/10){ background-color: rgba(255, 255, 255, 0.1); }
:root:root:root .px-4{ padding-left: 1rem; padding-right: 1rem; }
:root:root:root .pb-10{ padding-bottom: 2.5rem; }
:root:root:root .pt-1{ padding-top: 0.25rem; }
:root:root:root :is(.tw-pt-1_5,.pt-1\.5){ padding-top: 0.375rem; }
:root:root:root .pt-16{ padding-top: 4rem; }
:root:root:root .pt-6{ padding-top: 1.5rem; }
:root:root:root .text-center{ text-align: center; }
:root:root:root .text-base{ font-size: 1rem; line-height: 1.5rem; }
:root:root:root .text-sm{ font-size: 0.875rem; line-height: 1.25rem; }
:root:root:root .text-xs{ font-size: 0.75rem; line-height: 1rem; }
:root:root:root .font-bold{ font-weight: 700; }
:root:root:root .font-extrabold{ font-weight: 800; }
:root:root:root .font-semibold{ font-weight: 600; }
:root:root:root .italic{ font-style: italic; }
:root:root:root .leading-relaxed{ line-height: 1.625; }
:root:root:root .tracking-wide{ letter-spacing: 0.025em; }
:root:root:root :is(.tw-text-__00b0f0_,.text-\[\#00b0f0\]){ --tw-text-opacity: 1; color: rgb(0 176 240 / var(--tw-text-opacity, 1)); }
:root:root:root .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); }
:root:root:root .text-slate-200{ --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); }
:root:root:root .text-slate-300{ --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); }
:root:root:root .text-slate-400{ --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); }
:root:root:root .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
:root:root:root .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root:root:root .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
:root:root:root .duration-300{ transition-duration: 300ms; }
:root:root:root :is(.tw-hover_bg-__00b0f0_,.hover\:bg-\[\#00b0f0\]):hover{ --tw-bg-opacity: 1; background-color: rgb(0 176 240 / var(--tw-bg-opacity, 1)); }
:root:root:root :is(.tw-hover_text-white,.hover\:text-white):hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
@media (min-width: 640px){:root:root:root :is(.tw-sm_h-20,.sm\:h-20){ height: 5rem; }
:root:root:root :is(.tw-sm_grid-cols-2,.sm\:grid-cols-2){ grid-template-columns: repeat(2, minmax(0px, 1fr)); }
:root:root:root :is(.tw-sm_flex-row,.sm\:flex-row){ flex-direction: row; }
:root:root:root :is(.tw-sm_px-8,.sm\:px-8){ padding-left: 2rem; padding-right: 2rem; }
:root:root:root :is(.tw-sm_pt-20,.sm\:pt-20){ padding-top: 5rem; }
:root:root:root :is(.tw-sm_text-left,.sm\:text-left){ text-align: left; }
:root:root:root :is(.tw-sm_text-base,.sm\:text-base){ font-size: 1rem; line-height: 1.5rem; }
:root:root:root :is(.tw-sm_text-lg,.sm\:text-lg){ font-size: 1.125rem; line-height: 1.75rem; }
:root:root:root :is(.tw-sm_text-sm,.sm\:text-sm){ font-size: 0.875rem; line-height: 1.25rem; }

}
@media (min-width: 1024px){:root:root:root :is(.tw-lg_col-span-1,.lg\:col-span-1){ grid-column: span 1 / span 1; }
:root:root:root :is(.tw-lg_grid-cols-4,.lg\:grid-cols-4){ grid-template-columns: repeat(4, minmax(0px, 1fr)); }
:root:root:root :is(.tw-lg_gap-8,.lg\:gap-8){ gap: 2rem; }
:root:root:root :is(.tw-lg_px-16,.lg\:px-16){ padding-left: 4rem; padding-right: 4rem; }

}