@media (max-width: 767.5px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: block;
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
display: none;
}
.wp-block-navigation__responsive-container-close {
right: 1.7rem;
top: 2rem;
}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog,
.has-modal-open .is-menu-open .wp-block-navigation__responsive-dialog {
padding-top: clamp(1.5rem, 5vw, 2rem);
} .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child {
position: relative;
width: 100%;
box-sizing: border-box;
padding: 0px 30px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation__submenu-icon {
display: block;
top: 6px;
position: absolute;
right: 10px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container {
display: none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container li {
margin-bottom: 20px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container li:last-child {
margin-bottom: 0px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
min-width: unset !important;
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 767.5px) and (min-width: 600px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
} .mx_clean_header_background {
background: unset !important;
}
body header.wp-block-template-part:has(+ div .wp-block-cover:first-child) .is-style-header-fixed,
body header.wp-block-template-part:has(+ .wp-block-cover) .is-style-header-fixed,
body header.wp-block-template-part:has(+ main .wp-block-cover) .is-style-header-fixed {
position: absolute;
width: 100%;
z-index: 10;
}
body header.wp-block-template-part:has(+ div .wp-block-cover:first-child) .is-position-sticky,
body header.wp-block-template-part:has(+ .wp-block-cover) .is-position-sticky,
body header.wp-block-template-part:has(+ main .wp-block-cover) .is-position-sticky {
position: absolute;
width: 100%;
}
@media (min-width: 767.5px) {
body header.wp-block-template-part:has(+ div .wp-block-cover:first-child) .is-position-sticky,
body header.wp-block-template-part:has(+ .wp-block-cover) .is-position-sticky,
body header.wp-block-template-part:has(+ main .wp-block-cover) .is-position-sticky {
position: fixed;
width: 100%;
}
} .joyhub-home {
--jh-bg: #0b0f17;
--jh-text-muted: #a1a1aa;
--jh-text-faint: #6b6b75;
--jh-border: rgba(255, 255, 255, 0.1);
--jh-border-soft: rgba(255, 255, 255, 0.06);
--jh-card: rgba(255, 255, 255, 0.03);
--jh-card-soft: rgba(255, 255, 255, 0.02);
--jh-accent: #8a8a8a;
--jh-accent-text: #06110a;
--jh-brand-from: #007afd;
--jh-brand-to: #06e6fc;
--jh-brand-gradient: linear-gradient(101deg, var(--jh-brand-from) 3.76%, var(--jh-brand-to) 87.27%);
--jh-btn-gradient: linear-gradient(to left, rgba(0, 152, 167, 0.73), #0068d8);
--jh-btn-border: #a6c0e2;
background: var(--jh-bg);
}
.joyhub-home,
.joyhub-home *,
.joyhub-home *::before,
.joyhub-home *::after {
box-sizing: border-box;
}
.joyhub-home img {
max-width: 100%;
}
.joyhub-home section,
.joyhub-home header.jh-header,
.joyhub-home footer.jh-footer {
background: var(--jh-bg);
color: #fff;
} .jh-section__header {
max-width: 900px;
margin: 0 auto 48px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
text-align: center;
}
.jh-section__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
height: 27px;
margin: 0;
padding: 0 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: -0.4px;
color: #fff;
}
.jh-section__title {
margin: 0;
font-size: 48px;
font-weight: 600;
line-height: 1.4;
letter-spacing: -0.96px;
background: linear-gradient(to bottom, #eaeefe, #fff);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.jh-section__title--left,
.jh-section__eyebrow--left {
text-align: left;
} .jh-btn.wp-block-button,
a.jh-btn {
margin: 0;
}
.jh-btn .wp-block-button__link,
a.jh-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: 10px;
font-family: inherit;
font-size: 15px;
font-weight: 600;
line-height: normal;
text-decoration: none;
padding: 14px 26px;
white-space: nowrap;
cursor: pointer;
transition: opacity 0.15s ease, background-color 0.15s ease;
}
.jh-btn--sm .wp-block-button__link,
a.jh-btn--sm {
padding: 10px 20px;
font-size: 14px;
}
.jh-btn--primary .wp-block-button__link,
a.jh-btn--primary {
background: #0865ff;
color: #fff;
}
.jh-btn--primary .wp-block-button__link:hover,
a.jh-btn--primary:hover {
opacity: 0.88;
color: #fff;
}
.jh-btn--secondary .wp-block-button__link,
a.jh-btn--secondary {
background: transparent;
border: 1px solid var(--jh-btn-border);
color: #fff;
}
.jh-btn--secondary .wp-block-button__link:hover,
a.jh-btn--secondary:hover {
background: rgba(166, 192, 226, 0.1);
color: #fff;
} .jh-header {
position: sticky;
top: 0;
z-index: 40;
border-bottom: 1px solid var(--jh-border-soft);
}
.jh-header__inner {
max-width: 1440px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 24px;
padding: 14px 40px;
}
.jh-logo {
display: inline-flex;
align-items: center;
padding: 10px;
}
.jh-logo img {
display: block;
height: 44px;
width: auto;
}
.jh-logo img.jh-logo__img--light {
display: none;
} .jh-theme-toggle {
display: inline-flex;
align-items: center;
width: 52px;
height: 28px;
padding: 3px;
margin-left: 4px;
background: #fff;
border: 1px solid #fff;
border-radius: 20px;
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.jh-theme-toggle__thumb {
flex: none;
width: 22px;
height: 22px;
border-radius: 50%;
background: linear-gradient(135deg, #eaf2ff, #a6c0e2 55%, #0865ff);
transition: transform 0.2s ease;
}
.jh-nav {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.jh-nav__list {
display: flex;
align-items: center;
gap: 4px;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.jh-nav a {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px;
border-radius: 8px;
color: var(--jh-text-muted);
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: color 0.15s ease;
}
.jh-nav a:hover {
color: #fff;
}
.jh-nav__list li {
position: relative;
}
.jh-nav__caret {
flex: none;
transition: transform 0.2s ease;
}
.jh-nav__list .menu-item-has-children:hover > a .jh-nav__caret,
.jh-nav__list .menu-item-has-children.is-open > a .jh-nav__caret {
transform: rotate(180deg);
}
.jh-nav__list .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 20;
margin: 8px 0 0;
padding: 6px;
min-width: 200px;
list-style: none;
background: #12161f;
border: 1px solid var(--jh-border);
border-radius: 10px;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.jh-nav__list .menu-item-has-children:hover > .sub-menu,
.jh-nav__list .menu-item-has-children:focus-within > .sub-menu,
.jh-nav__list .menu-item-has-children.is-open > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.jh-nav__list .sub-menu a {
display: block;
padding: 8px 12px;
border-radius: 6px;
color: var(--jh-text-muted);
font-size: 14px;
font-weight: 500;
white-space: nowrap;
}
.jh-nav__list .sub-menu a:hover {
background: rgba(255, 255, 255, 0.06);
color: #fff;
}
.jh-header__actions {
display: flex;
align-items: center;
gap: 4px;
margin-left: auto;
}
.jh-lang-dropdown {
position: relative;
}
.jh-lang-dropdown__toggle {
display: inline-flex;
align-items: center;
gap: 6px;
height: 35px;
padding: 0 14px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid var(--jh-border);
border-radius: 10px;
color: #fff;
font-family: inherit;
font-size: 15px;
font-weight: 500;
cursor: pointer;
}
.jh-lang-dropdown__toggle:hover {
background: rgba(255, 255, 255, 0.1);
}
.jh-lang-dropdown__arrow {
flex: none;
transition: transform 0.2s ease;
}
.jh-lang-dropdown.is-open .jh-lang-dropdown__arrow {
transform: rotate(180deg);
}
.jh-lang-dropdown__panel {
position: absolute;
top: calc(100% + 8px);
right: 0;
z-index: 20;
margin: 0;
padding: 6px;
min-width: 160px;
list-style: none;
background: #12161f;
border: 1px solid var(--jh-border);
border-radius: 10px;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.jh-lang-dropdown.is-open .jh-lang-dropdown__panel {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.jh-lang-dropdown__option {
display: block;
padding: 8px 12px;
border-radius: 6px;
color: var(--jh-text-muted);
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.jh-lang-dropdown__option:hover {
background: rgba(255, 255, 255, 0.06);
color: #fff;
}
.jh-lang-dropdown__option.is-active {
color: #0865ff;
}
.jh-nav-toggle {
display: none;
flex-direction: column;
gap: 5px;
margin-left: auto;
padding: 8px;
background: none;
border: none;
cursor: pointer;
}
.jh-nav-toggle span {
display: block;
width: 22px;
height: 2px;
background: #fff;
} .jh-hero {
position: relative;
overflow: hidden;
padding: 100px 80px; margin-top: 0 !important;
}
.jh-hero__decor {
position: absolute;
z-index: 0;
pointer-events: none;
will-change: transform;
}
.jh-hero__decor img {
display: block;
width: 100%;
height: 100%;
}
.jh-hero__decor--dark {
left: 50%;
top: 62%;
width: 1700px;
max-width: 150vw;
aspect-ratio: 2344 / 1014;
transform: translateX(-50%) translateY(var(--jh-parallax-y, 0px));
}
.jh-hero__decor--light {
display: none;
right: 3%;
top: 66%;
width: 220px;
height: 220px;
transform: translateY(var(--jh-parallax-y, 0px));
}
.joyhub-home[data-theme="light"] .jh-hero__decor--dark {
display: none;
}
.joyhub-home[data-theme="light"] .jh-hero__decor--light {
display: block;
}
.jh-hero__inner {
position: relative;
z-index: 1;
max-width: 1440px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 48px;
flex-wrap: wrap;
}
.jh-hero__content {
flex: 1 1 480px;
max-width: 600px;
display: flex;
flex-direction: column;
gap: 22px;
} .joyhub-home .jh-hero__content > * {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: none !important;
}
.jh-badge {
display: inline-flex;
align-self: flex-start;
align-items: center;
justify-content: center;
padding: 10px 16px;
border-radius: 100px;
background: rgba(6, 230, 252, 0.08);
border: 1px solid rgba(0, 122, 253, 0.25);
}
.jh-badge span {
color: var(--jh-brand-to);
font-size: 12px;
font-weight: 500;
}
.jh-hero__badge-row {
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.jh-hero__social {
display: flex;
align-items: center;
gap: 16px;
}
.jh-hero__avatars {
display: flex;
align-items: center;
}
.jh-hero__avatars img {
display: block;
width: 40px;
height: 40px;
margin-left: -14px;
border-radius: 50%;
border: 2px solid var(--jh-bg);
object-fit: cover;
}
.jh-hero__avatars img:first-child {
margin-left: 0;
}
.jh-hero__social-text {
margin: 0;
max-width: 180px;
font-size: 12px;
line-height: 1.25;
color: #fff;
}
.jh-hero__trusted {
display: flex;
align-items: center;
gap: 24px;
flex-wrap: nowrap;
width: 100%;
max-width: 600px;
}
.jh-hero__trusted-label {
flex: 0 0 auto;
margin: 0;
width: 163px;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.5;
color: #989898;
}
.jh-hero__ticker {
flex: 1 1 0%;
min-width: 0;
overflow: hidden;
mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
-webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
}
.jh-hero__ticker-track {
display: flex;
align-items: center;
gap: 48px;
width: max-content;
animation: jh-ticker-scroll 22s linear infinite;
}
.jh-hero__ticker-logo {
display: block;
height: 20px;
width: auto;
flex: none;
opacity: 0.8;
}
@keyframes jh-ticker-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.jh-hero__title {
margin: 0;
font-size: 48px;
font-weight: 600;
line-height: 1.4;
letter-spacing: -0.96px;
background: linear-gradient(to bottom, #eaeefe, #fff);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.jh-hero__subtitle {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: var(--jh-text-muted);
}
.wp-block-buttons.jh-hero__ctas,
.wp-block-buttons.jh-cta__actions {
display: flex;
align-items: center;
gap: 14px;
margin: 0;
}
.jh-hero__visual {
position: relative;
flex: 1 1 480px;
max-width: 641px;
width: 100%;
aspect-ratio: 641 / 642;
}
.jh-hero__photo {
display: block;
width: 100%;
height: 100%;
border-radius: 24px;
object-fit: cover;
}
.jh-hero__tag {
position: absolute;
display: flex;
flex-direction: column;
gap: 2px;
padding: 15px 26px;
background: #fff;
border-radius: 28px 28px 28px 6px;
box-shadow: -5px 7px 15px rgba(0, 0, 0, 0.2);
font-size: 14px;
font-weight: 700;
line-height: 1.4;
color: #000;
white-space: nowrap;
}
.jh-hero__tag--top {
top: 27%;
left: 58%;
animation: jh-drift-a 6s ease-in-out infinite;
}
.jh-hero__tag--bottom {
bottom: 12%;
left: 2%;
border-radius: 28px 28px 6px 28px;
white-space: normal;
max-width: 236px;
animation: jh-drift-b 7s ease-in-out infinite;
}
.jh-hero__badge {
position: absolute;
top: 11%;
left: 10%;
width: 92px;
height: 92px;
display: flex;
align-items: center;
justify-content: center;
background: #0865ff;
border-radius: 40px 40px 40px 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
animation: jh-drift-c 5.5s ease-in-out infinite;
}
@keyframes jh-drift-a {
0%, 100% { transform: rotate(15deg) translate(0, 0); }
50% { transform: rotate(15deg) translate(-6px, 6px); }
}
@keyframes jh-drift-b {
0%, 100% { transform: rotate(-11deg) translate(0, 0); }
50% { transform: rotate(-11deg) translate(6px, -5px); }
}
@keyframes jh-drift-c {
0%, 100% { transform: rotate(-14.77deg) translate(0, 0); }
50% { transform: rotate(-14.77deg) translate(-5px, -6px); }
}
.jh-hero__badge::before {
content: "";
position: absolute;
inset: 8px;
background: #fff;
border-radius: 50%;
}
.jh-hero__badge-text {
position: relative;
z-index: 1;
font-size: 14px;
font-weight: 700;
color: #0865ff;
} .jh-problems {
padding: 100px 80px;
}
.jh-problems__intro {
margin: 0;
max-width: 740px;
font-size: 16px;
line-height: 1.6;
color: var(--jh-text-muted);
}
.jh-problem-grid {
max-width: 1280px;
margin: 0 auto;
display: flex;
gap: 24px;
flex-wrap: wrap;
justify-content: center;
}
.jh-problem-card {
flex: 1 1 260px;
max-width: 284px;
background: var(--jh-card);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 20px;
padding: 32px 28px;
display: flex;
flex-direction: column;
gap: 17px;
}
.jh-problem-card__icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 10px;
background: rgba(163, 163, 163, 0.1);
border: 1px solid rgba(163, 163, 163, 0.3);
}
.jh-problem-card__icon img {
display: block;
width: 20px;
height: 20px;
}
.jh-problem-card__title {
margin: 0;
font-family: 'Inter', sans-serif;
font-style: normal;
font-size: 14px;
font-weight: 600;
line-height: 17px;
color: #fff;
}
.jh-problem-card__text {
margin: 0;
font-size: 12.8px;
font-weight: 500;
line-height: 1.3;
letter-spacing: -0.26px;
color: #667085;
} .jh-features {
padding: 100px 80px;
}
.jh-features__body {
max-width: 1280px;
margin: 0 auto;
display: flex;
align-items: flex-start;
gap: 24px;
}
.jh-feature-tabs {
flex: 0 0 300px;
display: flex;
flex-direction: column;
}
.jh-feature-tab {
display: flex;
align-items: center;
gap: 14px;
width: 100%;
padding: 16px 20px;
border-radius: 12px;
border: 1px solid transparent;
background: transparent;
color: var(--jh-text-muted);
font-family: inherit;
text-align: left;
cursor: pointer;
}
.jh-feature-tab__num {
font-size: 12px;
font-weight: 600;
}
.jh-feature-tab__label {
flex: 1;
font-size: 14px;
font-weight: 500;
}
.jh-feature-tab.is-active {
background: linear-gradient(101deg, rgba(6, 230, 252, 0.08) 3.76%, rgba(0, 122, 253, 0.08) 87.27%);
border-color: var(--jh-brand-to);
}
.jh-feature-tab.is-active .jh-feature-tab__num {
background: var(--jh-btn-gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.jh-feature-tab.is-active .jh-feature-tab__label {
color: #fff;
font-weight: 600;
}
.jh-feature-tab:hover:not(.is-active) {
color: #d4d4d8;
}
.jh-feature-viewport {
flex: 1 1 auto;
min-width: 0;
background: var(--jh-card);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 20px;
padding: 36px;
display: flex;
flex-direction: column;
gap: 41px;
}
.jh-feature-viewport__head {
max-width: 460px;
display: flex;
flex-direction: column;
gap: 16px;
transition: opacity 0.35s ease, transform 0.35s ease;
}
.jh-feature-viewport__title {
margin: 0;
font-size: 20px;
font-weight: 700;
color: #fff;
}
.jh-feature-viewport__text {
margin: 0;
font-size: 14px;
line-height: 1.5;
color: var(--jh-text-muted);
}
.jh-mock-row {
display: flex;
gap: 16px;
flex-wrap: wrap;
transition: opacity 0.35s ease, transform 0.35s ease;
}
.jh-feature-viewport.is-transitioning .jh-feature-viewport__head,
.jh-feature-viewport.is-transitioning .jh-mock-row {
opacity: 0;
transform: translateY(20px);
}
.jh-feature-viewport.is-transitioning .jh-mock-row {
transition-delay: 0.05s;
}
.jh-mock-card {
flex: 1 1 200px;
height: 110px;
padding: 15px;
background: var(--jh-card);
border: 1px solid var(--jh-border);
border-radius: 12px;
display: flex;
flex-direction: column;
gap: 16px;
}
.jh-mock-card span {
display: block;
height: 8px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.08);
}
.jh-mock-card span:first-child {
width: 65%;
background: linear-gradient(to left, rgba(6, 230, 252, 0), var(--jh-brand-to) 49%, var(--jh-brand-from));
}
.jh-mock-card span:nth-child(2) {
width: 40%;
}
.jh-mock-card span:nth-child(3) {
width: 24%;
} .jh-dashboard {
padding: 100px 80px 140px;
overflow: hidden;
}
.jh-dashboard__frame-wrap {
max-width: 1145px;
margin: 40px auto 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.jh-dashboard__frame {
width: 100%;
max-width: 1120px;
background: var(--jh-card);
border: 1px solid var(--jh-border);
border-radius: 20px;
overflow: hidden;
} .jh-dashboard__slides .slick-slide {
height: auto;
float: left;
}
.jh-dashboard__slide {
display: flex !important;
flex-direction: column;
gap: 38px;
padding: 32px 36px;
}
.jh-dashboard__slide--map {
flex-direction: row;
align-items: center;
gap: 32px;
flex-wrap: wrap;
}
.jh-dashboard__map-image {
flex: 1 1 480px;
max-width: 685px;
border-radius: 14px;
overflow: hidden;
}
.jh-dashboard__map-image img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.jh-dashboard__map-text {
flex: 1 1 260px;
max-width: 340px;
margin: 0;
font-size: 14px;
line-height: 1.5;
color: var(--jh-text-muted);
}
.jh-dashboard__dots {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 24px;
}
.jh-dashboard__dot {
width: 12px;
height: 12px;
padding: 0;
border: none;
border-radius: 50%;
background: var(--jh-border);
cursor: pointer;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.jh-dashboard__dot.is-active {
background: #0865ff;
transform: scale(1.15);
}
.jh-dashboard__metrics {
display: flex;
gap: 60px;
flex-wrap: wrap;
}
.jh-metric {
display: flex;
flex-direction: column;
gap: 4px;
}
.jh-metric__value {
font-size: 26px;
font-weight: 700;
color: #fff;
}
.jh-metric__value--live {
display: flex;
align-items: center;
gap: 6px;
}
.jh-live-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #4ade80;
box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.2);
}
.jh-metric__label {
font-size: 12px;
color: var(--jh-text-faint);
}
.jh-dashboard__items {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}
.jh-chart-box {
flex: 1 1 480px;
max-width: 680px;
}
.jh-chart-box img {
display: block;
width: 100%;
height: auto;
}
.jh-alerts {
flex: 1 1 300px;
max-width: 340px;
display: flex;
flex-direction: column;
gap: 10px;
}
.jh-alert-item {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 14px;
background: var(--jh-card-soft);
border: 1px solid var(--jh-border);
border-radius: 10px;
}
.jh-alert-item span {
font-size: 12.5px;
color: var(--jh-text-muted);
} .jh-trustedby {
padding: 50px 22px;
}
.jh-trustedby__inner {
max-width: 1145px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
}
.jh-trustedby__label {
flex: 0 0 auto;
margin: 0;
width: 163px;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.5;
color: #fff;
}
.jh-trustedby__ticker {
flex: 1 1 0%;
min-width: 0;
max-width: 1013px;
overflow: hidden;
mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
-webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
}
.jh-trustedby__ticker-track {
display: flex;
align-items: center;
gap: 48px;
width: max-content;
animation: jh-ticker-scroll 22s linear infinite;
}
.jh-trustedby__ticker-logo {
display: block;
height: 20px;
width: auto;
flex: none;
opacity: 0.8;
} .jh-socialproof {
padding: 100px 80px;
}
.jh-network__diagram {
max-width: 1280px;
margin: 60px auto 0;
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
}
.jh-network__col {
display: flex;
flex-direction: column;
gap: 20px;
flex: 1 1 400px;
max-width: 440px;
}
.jh-network__col--right {
align-items: flex-start;
}
.jh-network__col--left {
align-items: flex-end;
}
.jh-network__row {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.jh-network__col--left .jh-network__row {
justify-content: flex-end;
}
.jh-network__chip {
display: flex;
align-items: center;
justify-content: center;
height: 76px;
padding: 12px 16px;
background: #fff;
border-radius: 20px;
} .jh-network__chip--bare {
background: #0b0f17;
}
.jh-network__chip img {
display: block;
max-width: 100px;
max-height: 52px;
width: auto;
height: auto;
object-fit: contain;
}
.jh-network__chip--bare img {
max-width: 76px;
} .jh-network__hub-wrap {
position: relative;
flex: 0 0 auto;
width: 300px;
aspect-ratio: 690 / 577;
}
.jh-network__hub-img {
position: absolute;
inset: 0;
display: none;
width: 100%;
height: 100%;
object-fit: contain;
}
.jh-network__hub-img--dark {
display: block;
}
.joyhub-home[data-theme="light"] .jh-network__hub-img--dark {
display: none;
}
.joyhub-home[data-theme="light"] .jh-network__hub-img--light {
display: block;
} .jh-casestudies {
padding: 100px 80px;
}
.jh-casestudies__header {
max-width: 1280px;
margin: 0 auto 30px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
} .jh-case-accordion {
max-width: 1280px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: stretch;
gap: 10px;
height: 550px;
overflow-x: auto;
overflow-y: hidden;
border-radius: 20px;
} .jh-case-accordion__cap {
flex: 0 0 115px;
min-width: 115px;
height: 100%;
display: block;
pointer-events: none;
}
.jh-case-accordion__cap img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.jh-case-accordion__cap--end img {
transform: scaleX(-1);
}
.jh-case-accordion__item {
position: relative;
flex: 0 0 90px;
min-width: 90px;
border-radius: 20px;
overflow: hidden;
cursor: pointer;
outline: none;
transition: flex-basis 0.6s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.jh-case-accordion__item.is-active {
flex-basis: 460px;
min-width: 460px;
}
.jh-case-accordion__photo {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .jh-case-accordion__person {
position: absolute;
left: 30px;
top: 40px;
z-index: 4;
width: calc(100% - 60px);
height: 80px;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.jh-case-accordion__item.is-active .jh-case-accordion__person {
opacity: 1;
}
.jh-case-accordion__role,
.jh-case-accordion__name {
position: absolute;
left: 0;
right: 0;
margin: 0;
transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s ease, -webkit-text-fill-color 0.35s ease;
}
.jh-case-accordion__role {
top: 0;
font-size: 16px;
font-weight: 700;
color: #0865ff;
}
.jh-case-accordion__name {
top: 22px;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
background: linear-gradient(to bottom, #474747, #131313);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.jh-case-accordion__item.is-hovering .jh-case-accordion__role {
top: 48px;
}
.jh-case-accordion__item.is-hovering .jh-case-accordion__name {
top: 0;
background: none;
-webkit-text-fill-color: #fff;
color: #fff;
} .jh-case-accordion__drawer {
position: absolute;
inset: auto 0 -100% 0;
height: 100%;
background: #0b0f17;
overflow: hidden;
z-index: 3;
transition: bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.jh-case-accordion__item.is-hovering .jh-case-accordion__drawer {
bottom: 0;
}
.jh-case-accordion__drawer-grid {
position: absolute;
left: -55px;
top: 0;
width: 550px;
height: 550px;
max-width: none;
opacity: 0.5;
}
.jh-case-accordion__drawer-glow {
position: absolute;
left: -125px;
top: 319px;
width: 690px;
height: 298px;
max-width: none;
}
.jh-case-accordion__quote {
position: absolute;
left: 36px;
right: 30px;
bottom: 29px;
z-index: 2;
margin: 0;
font-size: 16px;
line-height: 1.44;
letter-spacing: -0.01em;
color: #fff;
}  .jh-cta {
position: relative;
overflow: hidden;
padding: 100px 80px;
background: linear-gradient(180deg, #0b0f17 0%, #141c33 100%);
}
.jh-cta__banner {
position: relative;
max-width: 1280px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
flex-wrap: wrap;
}
.jh-cta__glow {
position: absolute;
top: -180px;
left: 50%;
width: 1000px;
max-width: none;
transform: translateX(-50%);
opacity: 0.9;
pointer-events: none;
}
.jh-cta__content {
position: relative;
z-index: 1;
flex: 1 1 400px;
max-width: 580px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
text-align: left;
} .jh-cta__content > * {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: none !important;
}
.jh-cta__eyebrow {
display: inline-flex;
align-items: center;
height: 27px;
margin: 0;
padding: 0 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: -0.4px;
color: #fff;
}
.jh-cta__title {
margin: 0;
max-width: 580px;
font-size: 40px;
font-weight: 600;
line-height: 1.2;
color: #fff;
}
.jh-cta__text {
margin: 0;
font-size: 14px;
line-height: 1.7;
color: var(--jh-text-muted);
}
.jh-cta__visual {
position: relative;
z-index: 1;
flex: 0 1 492px;
width: 100%;
max-width: 492px;
aspect-ratio: 1 / 1;
} .jh-footer { margin-top: 0 !important;
padding: 100px 80px 60px;
overflow: hidden;
}
.jh-footer__inner {
position: relative;
max-width: 1280px;
margin: 0 auto;
}
.jh-footer__top {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding-bottom: 40px;
display: flex;
justify-content: space-between;
gap: 80px;
flex-wrap: wrap;
}
.jh-footer__logo {
display: block;
height: 48px;
width: auto;
}
.jh-footer__cols {
display: flex;
gap: 80px;
flex-wrap: wrap;
}
.jh-footer__col-label {
margin: 0 0 15px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--jh-text-muted);
}
.jh-footer__links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 15px;
}
.jh-footer__links a {
color: #fff;
font-size: 16px;
text-decoration: none;
}
.jh-footer__links a:hover {
color: var(--jh-text-muted);
}
.jh-footer__newsletter {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding-bottom: 30px;
}
.jh-footer__newsletter-text {
max-width: 400px;
margin: 6px 0 0;
font-size: 12px;
line-height: 1.5;
color: var(--jh-text-faint);
}
.jh-footer__input-group {
max-width: 406px;
margin-top: 11px;
padding: 10px 16px;
display: flex;
align-items: center;
gap: 10px;
background: linear-gradient(90deg, rgba(6, 230, 252, 0.03), rgba(0, 122, 253, 0.03));
border: 1px solid var(--jh-brand-to);
border-radius: 10px;
}
.jh-footer__input {
flex: 1;
min-width: 0;
background: transparent;
border: none;
color: #fff;
font-size: 13px;
font-family: inherit;
}
.jh-footer__input::placeholder {
color: var(--jh-text-faint);
}
.jh-footer__input:focus {
outline: none;
}
.jh-footer__subscribe {
flex: 0 0 auto;
padding: 9px 18px;
background: var(--jh-btn-gradient);
color: #fff;
border: none;
border-radius: 8px;
font-size: 13px;
font-weight: 600;
font-family: inherit;
cursor: pointer;
}
.jh-footer__bottom {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding-top: 30px;
border-top: 1px solid var(--jh-border-soft);
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}
.jh-footer__legal {
margin: 0;
font-size: 11px;
font-weight: 600;
color: #667085;
}
.jh-footer__social {
display: flex;
align-items: center;
gap: 20px;
}
.jh-social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background: #fff;
border-radius: 7px;
} .joyhub-home[data-theme="light"] { background: #fff;
}
.joyhub-home[data-theme="light"] .jh-theme-toggle {
background: #0865ff;
border-color: #0865ff;
}
.joyhub-home[data-theme="light"] .jh-theme-toggle__thumb {
transform: translateX(24px);
}
.joyhub-home[data-theme="light"] .jh-logo__img--dark {
display: none;
}
.joyhub-home[data-theme="light"] .jh-logo__img--light {
display: block;
} .joyhub-home[data-theme="light"] .jh-section__title {
background: linear-gradient(to bottom, #000, #001354);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.joyhub-home[data-theme="light"] .jh-section__eyebrow {
color: #000;
border-color: rgba(34, 34, 34, 0.1);
} .joyhub-home[data-theme="light"] .jh-btn--primary .wp-block-button__link,
.joyhub-home[data-theme="light"] a.jh-btn--primary {
background: #000;
color: #fff;
}
.joyhub-home[data-theme="light"] .jh-btn--secondary .wp-block-button__link,
.joyhub-home[data-theme="light"] a.jh-btn--secondary {
border-color: #001354;
color: #001354;
}
.joyhub-home[data-theme="light"] .jh-btn--secondary .wp-block-button__link:hover,
.joyhub-home[data-theme="light"] a.jh-btn--secondary:hover {
background: rgba(1, 13, 62, 0.06);
color: #001354;
} .joyhub-home[data-theme="light"] .jh-header {
background: #eaeefe;
border-bottom-color: rgba(1, 13, 62, 0.08);
color: #001354;
}
.joyhub-home[data-theme="light"] .jh-nav a {
color: #6b6b75;
}
.joyhub-home[data-theme="light"] .jh-nav a:hover {
color: #001354;
}
.joyhub-home[data-theme="light"] .jh-nav__list .sub-menu {
background: #fff;
border-color: rgba(1, 13, 62, 0.15);
box-shadow: 0 12px 32px rgba(1, 13, 62, 0.12);
}
.joyhub-home[data-theme="light"] .jh-nav__list .sub-menu a:hover {
background: rgba(1, 13, 62, 0.06);
color: #001354;
}
.joyhub-home[data-theme="light"] .jh-lang-dropdown__toggle {
background: transparent;
border-color: #001354;
color: #001354;
}
.joyhub-home[data-theme="light"] .jh-lang-dropdown__toggle:hover {
background: rgba(1, 13, 62, 0.06);
}
.joyhub-home[data-theme="light"] .jh-lang-dropdown__panel {
background: #fff;
border-color: rgba(1, 13, 62, 0.15);
box-shadow: 0 12px 32px rgba(1, 13, 62, 0.12);
}
.joyhub-home[data-theme="light"] .jh-lang-dropdown__option {
color: #667085;
}
.joyhub-home[data-theme="light"] .jh-lang-dropdown__option:hover {
background: rgba(1, 13, 62, 0.06);
color: #001354;
}
.joyhub-home[data-theme="light"] .jh-nav-toggle span {
background: #001354;
} .joyhub-home[data-theme="light"] .jh-hero {
background: linear-gradient(200deg, #eaeefe 55%, #183ec2 100%);
}
.joyhub-home[data-theme="light"] .jh-badge {
background: transparent;
border-color: rgba(1, 13, 62, 0.1);
}
.joyhub-home[data-theme="light"] .jh-badge span {
color: #001354;
}
.joyhub-home[data-theme="light"] .jh-hero__title {
background: linear-gradient(to bottom, #000, #001354);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.joyhub-home[data-theme="light"] .jh-hero__subtitle {
color: #010d3e;
}
.joyhub-home[data-theme="light"] .jh-hero__social-text {
color: #01120a;
}
.joyhub-home[data-theme="light"] .jh-hero__trusted-label {
color: #fff;
}
.joyhub-home[data-theme="light"] .jh-hero__ticker-logo {
filter: invert(1);
} .joyhub-home[data-theme="light"] .jh-problems {
background: #fff;
}
.joyhub-home[data-theme="light"] .jh-problem-card {
background: #fff;
border-color: rgba(27, 27, 27, 0.08);
box-shadow: 0 7px 24px rgba(24, 62, 194, 0.12);
}
.joyhub-home[data-theme="light"] .jh-problem-card__icon {
background: rgba(163, 163, 163, 0.08);
border-color: rgba(163, 163, 163, 0.25);
}
.joyhub-home[data-theme="light"] .jh-problem-card__title {
background: linear-gradient(to right, #000, #001354);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.joyhub-home[data-theme="light"] .jh-problem-card__text {
color: #667085;
} .joyhub-home[data-theme="light"] .jh-features {
background: #fff;
}
.joyhub-home[data-theme="light"] .jh-feature-tab {
color: #6b6b75;
}
.joyhub-home[data-theme="light"] .jh-feature-tab:hover:not(.is-active) {
color: #001354;
}
.joyhub-home[data-theme="light"] .jh-feature-tab.is-active {
background: linear-gradient(101deg, rgba(24, 62, 194, 0.1) 3.76%, rgba(255, 255, 255, 0.5) 87.27%);
border-color: rgba(1, 13, 62, 0.15);
}
.joyhub-home[data-theme="light"] .jh-feature-tab.is-active .jh-feature-tab__num {
background: none;
-webkit-text-fill-color: initial;
color: #0865ff;
}
.joyhub-home[data-theme="light"] .jh-feature-tab.is-active .jh-feature-tab__label {
color: #010d3e;
}
.joyhub-home[data-theme="light"] .jh-feature-viewport {
background: rgba(1, 13, 62, 0.03);
border-color: rgba(1, 13, 62, 0.2);
}
.joyhub-home[data-theme="light"] .jh-feature-viewport__title {
color: #000;
}
.joyhub-home[data-theme="light"] .jh-feature-viewport__text {
color: #010d3e;
}
.joyhub-home[data-theme="light"] .jh-mock-card {
background: rgba(1, 13, 62, 0.03);
border-color: rgba(1, 13, 62, 0.1);
}
.joyhub-home[data-theme="light"] .jh-mock-card span {
background: rgba(1, 13, 62, 0.08);
}
.joyhub-home[data-theme="light"] .jh-mock-card span:first-child {
background: linear-gradient(to left, rgba(24, 62, 194, 0), #183ec2 49%, #d2dcff);
} .joyhub-home[data-theme="light"] .jh-dashboard {
background: #fff;
}
.joyhub-home[data-theme="light"] .jh-dashboard__frame {
background: rgba(1, 13, 62, 0.03);
border-color: rgba(1, 13, 62, 0.2);
}
.joyhub-home[data-theme="light"] .jh-metric__value {
color: #121212;
}
.joyhub-home[data-theme="light"] .jh-metric__label {
color: #6b6b75;
}
.joyhub-home[data-theme="light"] .jh-alert-item {
background: rgba(1, 13, 62, 0.02);
border-color: rgba(1, 13, 62, 0.1);
}
.joyhub-home[data-theme="light"] .jh-alert-item span {
color: #52525b;
}
.joyhub-home[data-theme="light"] .jh-dashboard__map-text {
color: #52525b;
}
.joyhub-home[data-theme="light"] .jh-dashboard__dot {
background: rgba(1, 13, 62, 0.15);
} .joyhub-home[data-theme="light"] .jh-trustedby {
background: #fff;
}
.joyhub-home[data-theme="light"] .jh-trustedby__label {
color: #010d3e;
}
.joyhub-home[data-theme="light"] .jh-trustedby__ticker-logo {
filter: invert(1);
} .joyhub-home[data-theme="light"] .jh-socialproof {
background: #fff;
} .joyhub-home[data-theme="light"] .jh-casestudies {
background: #fff;
} .joyhub-home[data-theme="light"] .jh-cta {
background: linear-gradient(180deg, #ffffff 0%, #d2dcff 100%);
}
.joyhub-home[data-theme="light"] .jh-cta__glow {
display: none;
}
.joyhub-home[data-theme="light"] .jh-cta__title {
color: #001354;
}
.joyhub-home[data-theme="light"] .jh-cta__eyebrow {
color: #000;
border-color: rgba(34, 34, 34, 0.1);
}
.joyhub-home[data-theme="light"] .jh-cta__text {
color: #010d3e;
}  .jh-about-hero {
padding: 100px 96px;
display: flex;
flex-direction: column;
align-items: center;
gap: 56px;
}
.jh-about-hero__inner {
max-width: 964px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
text-align: center;
}
.jh-about-hero__title {
margin: 0;
font-size: 48px;
font-weight: 600;
line-height: 1.15;
letter-spacing: -0.02em;
color: #fff;
}
.jh-about-hero__subtitle {
margin: 0;
max-width: 764px;
font-size: 16px;
line-height: 1.6;
letter-spacing: -0.02em;
color: var(--jh-text-muted);
}
.jh-about-stats {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 24px;
width: 100%;
max-width: 1248px;
flex-wrap: wrap;
}
.jh-about-stat {
display: flex;
flex-direction: column;
gap: 24px;
width: 292px;
}
.jh-about-stat--offset {
margin-top: 60px;
}
.jh-about-stat__text {
display: flex;
flex-direction: column;
gap: 7px;
}
.jh-about-stat__value {
margin: 0;
font-size: 56px;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.1;
color: #fff;
}
.jh-about-stat__label {
margin: 0;
font-size: 20px;
font-weight: 400;
color: #fff;
}
.jh-about-stat__caption {
margin: 0;
font-size: 13px;
color: #8f8e8e;
}
.jh-about-stat__row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.jh-avatar-decor {
display: block;
width: 102px;
height: 48px;
}
.jh-avatar-decor--light {
display: none;
}
.joyhub-home[data-theme="light"] .jh-avatar-decor--dark {
display: none;
}
.joyhub-home[data-theme="light"] .jh-avatar-decor--light {
display: block;
}
.jh-stat-connector {
height: 62px;
width: auto;
margin-left: 8px;
opacity: 0.9;
}
.wp-block-buttons.jh-about-hero__ctas {
gap: 20px;
margin: 8px 0 0;
} .jh-drives {
padding: 100px 80px;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}
.jh-drives__heading {
margin: 0;
font-size: 48px;
font-weight: 600;
line-height: 1.4;
letter-spacing: -0.96px;
text-align: center;
color: #fff;
}
.jh-drives__row {
display: flex;
align-items: stretch;
justify-content: center;
gap: 20px;
max-width: 1280px;
width: 100%;
}
.jh-drives__card {
flex: 1 1 360px;
max-width: 460px;
min-height: 318px;
padding: 32px 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 15px;
text-align: center;
background: var(--jh-card);
border: 1px solid var(--jh-border);
border-radius: 20px;
overflow: hidden; transition: flex-basis 0.6s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.6s cubic-bezier(0.4, 0, 0.2, 1), gap 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s ease, background 0.6s ease, border-color 0.6s ease, box-shadow 0.6s ease, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
} .jh-drives__card--active {
flex-basis: 526px;
max-width: 526px;
gap: 24px;
background: linear-gradient(180deg, rgba(6, 230, 252, 0.03), rgba(0, 122, 253, 0.03));
border: 1px solid var(--jh-brand-to);
box-shadow: 0px 7px 27.5px 0px rgba(24, 62, 194, 0.68);
}
.jh-drives__card--muted {
flex-basis: 280px;
opacity: 0.5;
}
.jh-drives__card--muted .jh-drives__title {
font-size: 16px;
}
.jh-drives__card--muted .jh-drives__text {
font-size: 14px;
}
.jh-drives__mock {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
max-width: 280px;
margin-bottom: 8px;
}
.jh-drives__msg {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 14px;
background: #fff;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(16, 24, 40, 0.15);
}
.jh-drives__msg-avatar {
display: block;
flex: none;
border-radius: 50%;
object-fit: cover;
}
.jh-drives__msg-lines {
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.jh-drives__msg-lines span {
display: block;
height: 6px;
border-radius: 4px;
background: #f4f8ff;
}
.jh-drives__msg-lines span:last-child {
width: 60%;
}
.jh-drives__msg--1 {
width: 70%;
align-self: flex-start;
}
.jh-drives__msg--2 {
width: 88%;
align-self: center;
}
.jh-drives__msg--2 .jh-drives__msg-lines span {
height: 8px;
}
.jh-drives__msg--3 {
width: 100%;
align-self: flex-end;
}
.jh-drives__msg--3 .jh-drives__msg-lines span {
height: 10px;
}
.jh-drives__title {
margin: 0;
font-size: 20px;
font-weight: 700;
color: #fff;
transition: font-size 0.6s ease;
}
.jh-drives__text {
margin: 0;
max-width: 446px;
font-size: 16px;
line-height: 1.6;
color: var(--jh-text-muted);
transition: font-size 0.6s ease;
} .jh-process {
padding: 100px 0;
overflow: hidden;
} .jh-process .jh-section__header {
padding: 0 80px;
}
.jh-process__intro {
margin: 0;
max-width: 640px;
font-size: 16px;
line-height: 1.6;
color: var(--jh-text-muted);
} .jh-process__stage {
position: relative;
max-width: 1440px;
margin: 0 auto;
aspect-ratio: 1440 / 620;
} .jh-process__visual {
position: absolute;
left: 5.347%;
top: 16.129%;
width: 41.667%;
height: 67.419%;
}
.jh-process__image-card {
position: absolute;
inset: 0;
border-radius: 20px;
overflow: hidden;
background: var(--jh-card);
border: 1px solid var(--jh-border);
box-shadow: 0 4px 64px rgba(0, 0, 0, 0.25);
}
.jh-process__image {
display: block;
position: absolute;
left: 0.06%;
top: -0.07%;
width: 112.33%;
height: 100%;
max-width: none;
} .jh-process__torus {
display: none;
position: absolute;
left: -20.833%;
top: 65.072%;
width: 41.333%;
height: 59.33%;
max-width: none;
pointer-events: none;
transform: translateY(var(--jh-parallax-y, 0px));
}
.jh-process__torus-img {
display: block;
width: 100%;
height: 100%;
animation: jh-float-drift-a 9s ease-in-out infinite;
}
.jh-process__ring {
position: absolute;
left: 34.514%;
top: 20.968%;
width: 25%;
height: 58.065%;
border-radius: 50%;
border: 87px solid rgba(255, 255, 255, 0.03);
pointer-events: none;
box-sizing: border-box;
} .jh-process__ring-inner {
position: absolute;
inset: -87px;
} .jh-process__numbers {
position: absolute;
inset: 0; pointer-events: none;
}
.jh-process__number {
position: absolute;
pointer-events: auto;
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
background: rgba(8, 101, 255, 0.14);
border: 0;
border-radius: 50%;
color: #fff;
font-family: inherit;
font-size: 16px;
font-weight: 700;
cursor: pointer;
opacity: 0.4;
transition: opacity 0.4s ease, background 0.3s ease, transform 0.3s ease;
}
.jh-process__number:hover {
opacity: 0.7;
}
.jh-process__number:nth-child(1) { left: 76.81%; top: 23.19%; }
.jh-process__number:nth-child(2) { left: 86.63%; top: 40.19%; }
.jh-process__number:nth-child(3) { left: 86.63%; top: 59.81%; }
.jh-process__number:nth-child(4) { left: 76.81%; top: 76.81%; }
.jh-process__number.is-active {
opacity: 1;
background: #0865ff;
transform: translate(-50%, -50%) scale(1.08);
box-shadow: 0 4px 18px rgba(8, 101, 255, 0.55);
}
.jh-process__number-glow {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
width: 170px;
max-width: none;
transform: translate(-50%, -50%);
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease;
}
.jh-process__number.is-active .jh-process__number-glow {
opacity: 0.85;
}
.jh-process__number-num {
position: relative;
}
.jh-process__card {
position: absolute;
left: 61%;
top: 37.26%;
flex: none;
width: 430px;
max-width: calc(100vw - 40px);
padding: 32px 28px;
display: flex;
flex-direction: column;
gap: 17px;
background: linear-gradient(180deg, rgba(6, 230, 252, 0.03), rgba(0, 122, 253, 0.03));
border: 1px solid var(--jh-brand-to);
border-radius: 20px;
transition: opacity 0.35s ease, transform 0.35s ease;
}
.jh-process__card.is-transitioning {
opacity: 0;
transform: translateY(12px);
}
.jh-process__title {
margin: 0;
font-size: 20px;
font-weight: 700;
color: #fff;
}
.jh-process__text {
margin: 0;
font-size: 14px;
line-height: 1.5;
color: var(--jh-text-muted);
} .jh-process__helix {
display: none;
position: absolute;
left: 85.126%;
top: -21.642%;
width: 25.208%;
aspect-ratio: 1 / 1;
max-width: none;
pointer-events: none;
transform: translateY(var(--jh-parallax-y, 0px));
}
.jh-process__helix-img {
display: block;
width: 100%;
height: 100%;
animation: jh-float-drift-b 11s ease-in-out infinite;
}
@keyframes jh-float-drift-a {
0%, 100% { transform: translate(0, 0); }
25% { transform: translate(9px, -14px); }
50% { transform: translate(-7px, 6px); }
75% { transform: translate(-11px, -8px); }
}
@keyframes jh-float-drift-b {
0%, 100% { transform: translate(0, 0) rotate(66.19deg); }
25% { transform: translate(-10px, 12px) rotate(66.19deg); }
50% { transform: translate(8px, -9px) rotate(66.19deg); }
75% { transform: translate(11px, 7px) rotate(66.19deg); }
}
@media (prefers-reduced-motion: reduce) {
.jh-process__torus-img,
.jh-process__helix-img {
animation: none;
}
} .jh-about-faq {
padding: 100px 80px;
}
.jh-faq-columns {
max-width: 1290px;
margin: 0 auto;
display: flex;
align-items: flex-start;
gap: 40px;
}
.jh-faq-col {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.jh-faq-item {
background: var(--jh-card);
border: 1px solid var(--jh-border);
border-radius: 20px;
overflow: hidden;
}
.jh-faq-item__question {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 30px;
background: none;
border: 0;
cursor: pointer;
text-align: left;
font-family: inherit;
}
.jh-faq-item__q-text {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
color: #fff;
}
.jh-faq-item__icon {
position: relative;
flex: none;
width: 24px;
height: 24px;
}
.jh-faq-item__icon::before,
.jh-faq-item__icon::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
background: #fff;
transform: translate(-50%, -50%);
transition: transform 0.3s ease;
}
.jh-faq-item__icon::before {
width: 14px;
height: 2px;
}
.jh-faq-item__icon::after {
width: 2px;
height: 14px;
}
.jh-faq-item.is-open .jh-faq-item__icon::after {
transform: translate(-50%, -50%) rotate(90deg);
opacity: 0;
}
.jh-faq-item__panel {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.35s ease;
}
.jh-faq-item.is-open .jh-faq-item__panel {
grid-template-rows: 1fr;
}
.jh-faq-item__answer {
min-height: 0;
overflow: hidden;
}
.jh-faq-item__answer p {
margin: 0;
padding: 0 30px 30px;
max-width: 560px;
font-size: 14px;
line-height: 1.6;
color: var(--jh-text-muted);
} .joyhub-home[data-theme="light"] .jh-about-hero,
.joyhub-home[data-theme="light"] .jh-drives,
.joyhub-home[data-theme="light"] .jh-process,
.joyhub-home[data-theme="light"] .jh-about-faq {
background: #fff;
}
.joyhub-home[data-theme="light"] .jh-about-hero__title,
.joyhub-home[data-theme="light"] .jh-about-stat__value,
.joyhub-home[data-theme="light"] .jh-about-stat__label,
.joyhub-home[data-theme="light"] .jh-drives__heading,
.joyhub-home[data-theme="light"] .jh-drives__title,
.joyhub-home[data-theme="light"] .jh-process__title,
.joyhub-home[data-theme="light"] .jh-faq-item__q-text {
color: #001354;
}
.joyhub-home[data-theme="light"] .jh-process__number {
background: rgba(1, 13, 62, 0.06);
color: #001354;
}
.joyhub-home[data-theme="light"] .jh-process__number.is-active {
background: #0865ff;
color: #fff;
}
.joyhub-home[data-theme="light"] .jh-about-hero__subtitle,
.joyhub-home[data-theme="light"] .jh-about-stat__caption,
.joyhub-home[data-theme="light"] .jh-drives__text,
.joyhub-home[data-theme="light"] .jh-process__text,
.joyhub-home[data-theme="light"] .jh-faq-item__answer p {
color: #667085;
}
.joyhub-home[data-theme="light"] .jh-drives__card,
.joyhub-home[data-theme="light"] .jh-process__image-card,
.joyhub-home[data-theme="light"] .jh-faq-item {
background: rgba(1, 13, 62, 0.03);
border-color: rgba(1, 13, 62, 0.2);
}
.joyhub-home[data-theme="light"] .jh-drives__card--active,
.joyhub-home[data-theme="light"] .jh-process__card {
background: linear-gradient(180deg, rgba(24, 62, 194, 0.06), rgba(255, 255, 255, 0.5));
border-color: rgba(1, 13, 62, 0.15);
} .joyhub-home[data-theme="light"] .jh-process__ring {
left: 37.5%;
border-color: rgba(117, 139, 221, 0.13);
}
.joyhub-home[data-theme="light"] .jh-process__torus,
.joyhub-home[data-theme="light"] .jh-process__helix {
display: block;
}
.joyhub-home[data-theme="light"] .jh-faq-item__icon::before,
.joyhub-home[data-theme="light"] .jh-faq-item__icon::after {
background: #001354;
} @media (max-width: 1100px) {
.jh-hero__inner {
flex-direction: column;
align-items: flex-start;
}
.jh-hero__content {
max-width: 100%;
}
.jh-hero__visual {
max-width: 100%;
width: 100%;
}
.jh-features__body {
flex-direction: column;
}
.jh-feature-tabs {
flex: 1 1 auto;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
}
.jh-feature-tab {
flex: 1 1 45%;
}
.jh-dashboard__frame {
transform: none;
}
.jh-about-stat {
width: calc(50% - 12px);
}
.jh-about-stat--offset {
margin-top: 0;
} .jh-process__stage {
aspect-ratio: auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
padding: 0 24px;
}
.jh-process__visual {
position: static;
width: 100%;
max-width: 600px;
height: auto;
aspect-ratio: 600 / 418;
}
.jh-process__torus,
.jh-process__helix {
display: none !important;
}
.jh-process__ring {
position: static;
width: 100%;
max-width: 456px;
height: auto;
border: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.jh-process__ring-inner {
position: static;
inset: auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
} .jh-process__numbers {
position: static;
display: flex;
justify-content: center;
gap: 12px;
}
.jh-process__number,
.jh-process__number:nth-child(1),
.jh-process__number:nth-child(2),
.jh-process__number:nth-child(3),
.jh-process__number:nth-child(4) {
position: static;
transform: none;
}
.jh-process__number.is-active {
transform: scale(1.08);
}
.jh-process__card {
position: static;
width: 100%;
max-width: 456px;
align-items: center;
text-align: center;
}
}
@media (max-width: 900px) {
.jh-hero,
.jh-problems,
.jh-features,
.jh-dashboard,
.jh-socialproof,
.jh-casestudies,
.jh-cta,
.jh-footer,
.jh-about-hero,
.jh-drives,
.jh-process,
.jh-about-faq {
padding-left: 24px;
padding-right: 24px;
}
.jh-process .jh-section__header {
padding: 0;
}
.jh-faq-columns {
flex-direction: column;
}
.jh-header__inner {
padding: 14px 20px;
}
.jh-nav,
.jh-header__actions {
display: none;
}
.jh-header.is-nav-open .jh-header__inner {
flex-wrap: wrap;
}
.jh-header.is-nav-open .jh-nav,
.jh-header.is-nav-open .jh-header__actions {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.jh-header.is-nav-open .jh-nav__list {
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 0;
}
.jh-header.is-nav-open .jh-nav__list li {
width: 100%;
} .jh-nav__list .sub-menu {
position: static;
margin: 0;
padding: 0 0 0 16px;
max-height: 0;
overflow: hidden;
background: transparent;
border: none;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: none;
transition: max-height 0.2s ease;
}
.jh-nav__list .menu-item-has-children.is-open > .sub-menu {
max-height: 500px;
padding-top: 4px;
padding-bottom: 4px;
}
.jh-nav-toggle {
display: flex;
}
.jh-case-accordion__cap {
display: none;
}
.jh-case-accordion__item {
flex-basis: 64px;
min-width: 64px;
}
.jh-case-accordion__item.is-active {
flex-basis: 320px;
min-width: 320px;
}
.jh-case-accordion__name {
font-size: 24px;
} .jh-network__diagram {
flex-direction: column;
gap: 32px;
}
.jh-network__col,
.jh-network__col--left,
.jh-network__col--right {
align-items: center;
max-width: 100%;
}
.jh-network__col--left .jh-network__row,
.jh-network__row {
justify-content: center;
} .jh-network__hub-wrap {
order: -1;
width: 164px;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 20px;
margin: 0 auto;
}
.jh-network__hub-wrap::before,
.jh-network__hub-wrap::after {
content: "";
position: absolute;
left: 50%;
width: 1.5px;
height: 24px;
background: linear-gradient(#757575, transparent);
transform: translateX(-50%);
}
.jh-network__hub-wrap::before {
top: -24px;
}
.jh-network__hub-wrap::after {
bottom: -24px;
transform: translateX(-50%) rotate(180deg);
}
.jh-network__hub-img {
object-fit: cover;
}
.jh-footer__top,
.jh-footer__bottom {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 640px) {
.jh-hero__title {
font-size: 32px;
}
.jh-section__title {
font-size: 26px;
}
.jh-hero__tag {
padding: 10px 16px;
font-size: 12px;
}
.jh-hero__badge {
width: 68px;
height: 68px;
}
.jh-dashboard__metrics {
gap: 28px;
}
.jh-about-hero__title {
font-size: 32px;
}
.jh-about-stat {
width: 100%;
}
.jh-drives__heading {
font-size: 26px;
}
.jh-process__card {
padding: 24px 20px;
}
}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}