.elementor-12354 .elementor-element.elementor-element-0f5da03{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-e2761a3 */html{scroll-behavior:smooth}section{scroll-margin-top:80px}.e5-nav,.e5-nav *{box-sizing:border-box;margin:0;padding:0}.e5-nav{position:sticky;top:0;z-index:9999;width:100%;background:#171d21;border-bottom:1px solid rgba(72,199,255,.15);box-shadow:0 5px 30px rgba(0,0,0,.25);
/* FIX: contain:layout — nav repaints never trigger full-page layout recalc */
contain:layout}.e5-nav-inner{max-width:1400px;margin:0 auto;height:120px;padding:0 35px;display:flex;align-items:center;justify-content:space-between}
/* FIX: logo img height reduced 150px→55px — was causing 80px nav bar to overflow and hide behind content, and forced browser to reserve 150px of layout space */
.e5-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.e5-logo img{height:150px;width:auto;display:block;object-fit:contain}
.e5-menu{display:flex;align-items:center;gap:4px;list-style:none}
/* FIX: split transition — only color+background, not 'all' */
.e5-link{color:rgba(255,255,255,.75);text-decoration:none;padding:9px 14px;border-radius:8px;font-size:.9rem;font-weight:600;transition:color .2s ease,background .2s ease}
.e5-link:hover,.e5-link.active{color:#48c7ff;background:rgba(72,199,255,.08)}
/* FIX: split transition */
.e5-cta{background:#48c7ff;color:#0e1317;text-decoration:none;padding:11px 24px;border-radius:10px;font-weight:800;font-size:.9rem;white-space:nowrap;flex-shrink:0;transition:transform .25s ease,background .2s ease}
.e5-cta:hover{transform:translateY(-2px);background:#69d3ff}
/* Hamburger */
.e5-ham{display:none;flex-direction:column;gap:5px;border:none;background:none;cursor:pointer;padding:6px;flex-shrink:0}
.e5-ham span{width:24px;height:2.5px;background:#48c7ff;display:block;border-radius:2px;
/* FIX: transform+opacity only — GPU compositor for open/close animation */
transition:transform .25s ease,opacity .2s ease}
/* Animated hamburger → X */
.e5-ham.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.e5-ham.open span:nth-child(2){opacity:0}
.e5-ham.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
/* Mobile drawer */
.e5-drawer{overflow:hidden;max-height:0;
/* FIX: max-height transition instead of display:none toggle — avoids forced reflow on open */
transition:max-height .3s ease;background:#171d21}
.e5-drawer.open{max-height:420px}
.e5-drawer-inner{padding:16px 24px 24px;display:flex;flex-direction:column}
.e5-d-link{color:rgba(255,255,255,.8);text-decoration:none;padding:13px 0;border-bottom:1px solid rgba(72,199,255,.07);font-size:.95rem;font-weight:500;transition:color .2s ease}
.e5-d-link:hover{color:#48c7ff}
.e5-d-link:last-of-type{border-bottom:none}
.e5-d-cta{margin-top:16px;text-align:center;background:#48c7ff;color:#0e1317;text-decoration:none;padding:13px;border-radius:10px;font-weight:800;font-size:.9rem;transition:background .2s ease}
.e5-d-cta:hover{background:#69d3ff}
@media(max-width:991px){.e5-menu,.e5-cta{display:none}.e5-ham{display:flex}.e5-logo img{height:52px}.e5-nav-inner{height:72px;padding:0 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.e5-link,.e5-cta,.e5-ham span,.e5-drawer,.e5-d-link,.e5-d-cta{transition:none}}/* End custom CSS */