header.site-header{padding:var(--weyel-space-3) 0 0;position:relative;z-index:1200}
.site-logo{display:flex;max-width:322px;width:100%;column-gap:10px;position:relative;margin-bottom:10px}
.site-logo>div:first-child{padding-top:var(--weyel-space-3)}
.site-logo>div:last-child{margin-left:-40px;position:relative}
.site-logo>div>div{position:absolute}
.site-logo:hover .green-graphic{animation:rotate 1s linear}
.site-logo:hover .blue-graphic{animation:rotate2 1s linear}
.site-logo:hover .red-graphic{animation:rotate2 1s linear}
@keyframes zoom-in {
0%{transform:scale(0)}
100%{transform:scale(1.0)}
}
@keyframes rotate {
0%{transform:rotate(0deg)}
50%{transform:rotate(-60deg)}
100%{transform:rotate(0deg)}
}
@keyframes rotate2 {
0%{transform:rotate(0deg)}
50%{transform:rotate(90deg)}
100%{transform:rotate(0deg)}
}
@keyframes rotateonload {
0%{transform:rotate(0deg)}
50%{transform:rotate(-60deg)}
100%{transform:rotate(0deg)}
}
@keyframes rotate2onload {
0%{transform:rotate(0deg)}
50%{transform:rotate(90deg)}
100%{transform:rotate(0deg)}
}
.loading_animation .site-logo .red-graphic{animation:rotate2onload 1s linear;animation-delay:1.5s}
.loading_animation .site-logo .blue-graphic{animation:rotate2onload 1s linear;animation-delay:1.5s}
.loading_animation .site-logo .green-graphic{animation:rotateonload 1s linear;animation-delay:1.5s}
.weyel-tx img{width:85%!important}
.red-graphic{width:122px;height:122px}
.red-graphic img{width:122px!important;height:122px!important}
.green-graphic{left:16px;top:17px;width:90px;height:90px}
.green-graphic img{width:90px!important;height:90px!important}
.blue-graphic{left:32px;top:31.5px;width:60px;height:60px}
.blue-graphic img{width:60px!important;height:60px!important}
.play-icon{left:53px;top:48px;width:18px}
.play-icon img{width:18px;height:auto}
.site-header .wp-block-list{margin:0;padding:0;list-style:none;display:flex;justify-content:flex-end;gap:60px;padding-bottom:var(--weyel-space-4)}
.site-header .wp-block-list li{font-family:var(--weyel-font-family-base);font-size:var(--weyel-font-size-lg);color:var(--weyel-color-text);position:relative}
.site-header .wp-block-list li a{color:var(--weyel-color-text);text-decoration:none;transition:all var(--weyel-transition-slow)}
.site-header .wp-block-list li:hover a{color:var(--weyel-color-blue)}
.site-header .wp-block-list li:before{font-family:"Font Awesome 6 Free","Font Awesome 5 Free","Font Awesome 7 Free";font-weight:900;width:30px;height:30px;display:flex;justify-content:center;align-items:center;color:var(--weyel-color-white);border-radius:50%;background-color:var(--weyel-color-blue);position:absolute;font-size:var(--weyel-font-size-xs);left:-40px;transition:all var(--weyel-transition-slow)}
.site-header .wp-block-list li:first-child:before{content:"\f0e0"}
.site-header .wp-block-list li:last-child:before{content:"\f095"}
.site-header .wp-block-list li:hover:before{color:var(--weyel-color-white);background-color:var(--weyel-color-green)}
.wp-block-search__inside-wrapper {
    display: flex;
    width: 100%;
    background-color: var(--weyel-color-bg-soft-alt);
    border-radius: var(--weyel-radius-md);
    position: relative;
    transition: box-shadow var(--weyel-transition-base);
}

.wp-block-search__inside-wrapper:focus-within {
    box-shadow: 0 0 0 2px var(--weyel-color-blue-alpha-50);
}

.wp-block-search__input {
    border: 0 !important;
    background-color: transparent !important;
    font-family: var(--weyel-font-family-base);
    padding: 10px var(--weyel-space-4) !important;
    width: 100% !important;
    outline: none !important;
    margin: 0 !important;
    border-radius: var(--weyel-radius-md) 0 0 var(--weyel-radius-md) !important;
}

.wp-block-search__button {
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 var(--weyel-space-4) !important;
    color: var(--weyel-color-blue) !important;
    font-size: var(--weyel-font-size-lg) !important;
    transition: all var(--weyel-transition-base) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    border-radius: 0 var(--weyel-radius-md) var(--weyel-radius-md) 0 !important;
}

.wp-block-search__button:hover {
    color: var(--weyel-color-green) !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
}

.wp-block-search__button.has-icon svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}
.wp-block-search__inside-wrapper{width:100%}
.wp-block-search{width:100%}
header nav{background-color:var(--weyel-color-blue);margin-top:var(--weyel-space-3)}
header.site-header nav.site-nav{position:relative;z-index:1210}
header nav .col-12{position:relative}
.nav-toggle{display:none;align-items:center;gap:10px;height:52px;padding:0 16px;background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:var(--weyel-radius-sm);color:var(--weyel-color-white);font-family:var(--weyel-font-family-base);font-size:var(--weyel-font-size-sm-plus);font-weight:600;cursor:pointer;position:relative;z-index:1220}
.nav-toggle:focus-visible{outline:2px solid var(--weyel-color-white);outline-offset:2px}
.nav-toggle__icon{position:relative;display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:background-color var(--weyel-transition-base)}
.nav-toggle__icon::before,.nav-toggle__icon::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--weyel-transition-base),top var(--weyel-transition-base)}
.nav-toggle__icon::before{top:-6px}
.nav-toggle__icon::after{top:6px}
header nav.nav-is-open .nav-toggle__icon{background-color:transparent}
header nav.nav-is-open .nav-toggle__icon::before{top:0;transform:rotate(45deg)}
header nav.nav-is-open .nav-toggle__icon::after{top:0;transform:rotate(-45deg)}
.menu-expand{display:none}
#primary-menu{margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;font-family:var(--weyel-font-family-base)}
#primary-menu li{position:relative}
#primary-menu>li>a{display:block;padding:25px 50px;color:var(--weyel-color-white);font-size:var(--weyel-font-size-lg);font-weight:500;text-decoration:none;transition:all var(--weyel-transition-base);text-transform:uppercase}
#primary-menu>li:hover>a,
#primary-menu>li.current-menu-parent>a,
#primary-menu>li.current-menu-ancestor>a{background-color:rgba(0,0,0,.5)}
#primary-menu>li>a:after{content:"\f0d7";margin-left:var(--weyel-space-4);will-change:transform;font-family:"Font Awesome 6 Free","Font Awesome 5 Free","Font Awesome 7 Free";font-weight:900;display:inline-block;transition:all var(--weyel-transition-base)}
#primary-menu>li:hover>a:after{transform:rotate(-180deg)}
ul.sub-menu{margin:0;padding:0;list-style:none;background-color:var(--weyel-color-white);position:absolute;overflow:hidden;max-height:0;opacity:0;transform:translateY(-20px);transition:max-height var(--weyel-transition-base),opacity var(--weyel-transition-base),transform var(--weyel-transition-base);min-width:100%}
#primary-menu li:last-child ul.sub-menu{right:0}
#primary-menu>li:hover ul.sub-menu{max-height:500px;opacity:1;transform:translateY(0);z-index:500}
ul.sub-menu li a{padding:10px var(--weyel-space-4);background-color:var(--weyel-color-white);color:var(--weyel-color-text);transition:all var(--weyel-transition-base);display:block;text-decoration:none;white-space:nowrap}
ul.sub-menu li a:hover,ul.sub-menu li.current-menu-item a{background-color:var(--weyel-color-text);color:var(--weyel-color-white)}
#primary-menu li.mega{position:static}
#primary-menu li.mega .mega-menu{position:absolute;top:100%;left:var(--weyel-gutter);right:var(--weyel-gutter);width:calc(100% - 24px);background:var(--weyel-color-white);padding:0;max-height:0;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transform:translateY(-20px);transition:max-height .4s cubic-bezier(0.165,0.84,0.44,1),opacity var(--weyel-transition-base),transform .4s ease,visibility .4s;box-shadow:var(--weyel-shadow-mega);z-index:500;border-radius:0 0 var(--weyel-radius-lg) var(--weyel-radius-lg);border-top:4px solid var(--weyel-color-blue)}
#primary-menu li.mega:hover .mega-menu{max-height:1200px;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mega-wrap{display:flex;width:100%}
.mega-inner{padding:50px;border-right:1px solid var(--weyel-border-color-light)}
.mega-inner:last-child{border-right:none}
.mega-solutions{flex:0 0 45%}
.mega-products{flex:0 0 55%;background-color:var(--weyel-color-surface-muted)}
.mega-category-header h3{font-size:var(--weyel-font-size-xl);font-weight:700;margin-bottom:var(--weyel-space-1);color:var(--weyel-color-text);font-family:var(--weyel-font-family-base)}
.badge-accent{font-size:var(--weyel-font-size-2xs);text-transform:uppercase;font-weight:700;color:var(--weyel-color-blue);letter-spacing:.1em;display:block;margin-bottom:var(--weyel-space-1)}
.mega-desc{font-size:var(--weyel-font-size-sm-plus);color:var(--weyel-color-text-soft);margin-bottom:30px;line-height:var(--weyel-line-height-base)}
.mega-list{list-style:none;padding:0;margin:0}
.mega-list li{margin-bottom:var(--weyel-space-5);padding:0 !important}
.mega-list li:before{display:none !important}
.mega-list li a{display:flex;align-items:center;gap:18px;text-decoration:none;transition:transform var(--weyel-transition-fast);background:transparent !important;padding:0 !important}
.mega-list li a:hover{transform:translateX(10px);color:var(--weyel-color-blue) !important}
.mega-icon-box{width:54px;height:54px;border-radius:var(--weyel-radius-md-plus);display:flex;align-items:center;justify-content:center;font-size:var(--weyel-font-size-xl-minus);color:var(--weyel-color-white);flex-shrink:0}
.mega-icon-box.blue{background-color:var(--weyel-color-blue)}
.mega-icon-box.green{background-color:var(--weyel-color-green)}
.mega-icon-box.red{background-color:var(--weyel-color-red)}
.mega-text strong{display:block;font-size:var(--weyel-font-size-md-plus);color:var(--weyel-color-text);line-height:1.2}
.mega-text span{font-size:var(--weyel-font-size-sm);color:var(--weyel-color-text-subtle)}
.mega-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--weyel-space-4)}
.product-mini-card{display:flex;align-items:center;padding:var(--weyel-space-4);background:var(--weyel-color-white);border:1px solid var(--weyel-border-color-soft);border-radius:var(--weyel-radius-md);text-decoration:none;color:var(--weyel-color-text);transition:all var(--weyel-transition-base)}
.product-mini-card:hover{border-color:var(--weyel-color-blue);box-shadow:var(--weyel-shadow-card-hover);transform:translateY(-3px);color:var(--weyel-color-blue)}
.product-mini-card__icon{font-size:var(--weyel-font-size-xl);margin-right:var(--weyel-font-size-sm-plus);color:var(--weyel-color-blue)}
.product-mini-card span{font-size:var(--weyel-font-size-sm-plus);font-weight:600;font-family:var(--weyel-font-family-base)}
.mega-footer-link{margin-top:30px;text-align:right}
.link-arrow{font-size:var(--weyel-font-size-sm-plus);font-weight:600;color:var(--weyel-color-blue);text-decoration:none}
.link-arrow:hover{text-decoration:underline}
.link-ci{color:var(--weyel-color-blue);transition:all var(--weyel-transition-base)}
.link-ci:hover{color:var(--weyel-color-green)}