/* ===== Site header (partials/header.html) ===== */
.site-header{position:sticky;top:0;z-index:100;background:#fff;font-family:'Manrope','Inter',sans-serif;border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.site-header.is-scrolled{border-bottom-color:#eef0f3;box-shadow:0 6px 20px -14px rgba(15,23,34,.25)}
.site-header__inner{max-width:1332px;margin:0 auto;padding:12px 24px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header__logo{display:block;flex:0 0 auto}
.site-header__logo img{display:block;height:34px;width:auto}

.site-nav{display:flex;align-items:center}
.site-nav__list{display:flex;align-items:center;gap:30px}
.site-nav__list a{position:relative;font-size:14px;font-weight:500;color:#111;text-decoration:none;white-space:nowrap;transition:color .2s}
.site-nav__list a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:#ff7c0a;transform:scaleX(0);transition:transform .22s}
.site-nav__list a:hover,.site-nav__list a.is-active{color:#ff7c0a}
.site-nav__list a.is-active::after,.site-nav__list a:hover::after{transform:scaleX(1)}
.site-nav__foot{display:none}

.btn-demo{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ff8a13,#ff6f00);color:#fff!important;font-weight:700;font-size:14px;padding:12px 16px;border-radius:10px;text-decoration:none;box-shadow:0 8px 20px rgba(255,124,10,.28);transition:transform .2s,box-shadow .2s;white-space:nowrap}
.btn-demo:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(255,124,10,.38)}

/* hamburger */
.site-header__toggle{display:none;width:46px;height:46px;border:1px solid #e6e8ee;border-radius:14px;background:#fff;cursor:pointer;padding:0;align-items:center;justify-content:center;flex:0 0 46px;transition:background .2s,border-color .2s,box-shadow .2s}
.site-header__toggle:hover{border-color:#ffc58f}
.site-header__toggle:focus-visible{outline:3px solid rgba(255,124,10,.5);outline-offset:2px}
.site-header__toggle .bars{position:relative;display:block;width:20px;height:14px}
.site-header__toggle .bars i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:#0b1a25;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s,width .2s,top .28s}
.site-header__toggle .bars i:nth-child(1){top:0}
.site-header__toggle .bars i:nth-child(2){top:6px;width:14px;left:auto;right:0}
.site-header__toggle .bars i:nth-child(3){top:12px}
.site-header.is-open .site-header__toggle{background:#0b1a25;border-color:#0b1a25}
.site-header.is-open .bars i{background:#fff}
.site-header.is-open .bars i:nth-child(1){top:6px;transform:rotate(45deg)}
.site-header.is-open .bars i:nth-child(2){opacity:0;width:0}
.site-header.is-open .bars i:nth-child(3){top:6px;transform:rotate(-45deg)}

@media (max-width:1360px){.site-nav__list{gap:22px}}
@media (max-width:1180px){
  .site-header__inner{height:64px}
  .site-header__toggle{display:inline-flex}
  .btn-demo--desktop{display:none}

  /* full-screen menu panel under the header */
  .site-nav{position:fixed;top:64px;left:0;right:0;bottom:0;z-index:99;background:#fff;flex-direction:column;align-items:stretch;justify-content:space-between;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:none;border-top:1px solid #eef0f3}
  .site-header.is-open .site-nav{display:flex;animation:navIn .24s ease both}
  @keyframes navIn{from{transform:translateY(-10px)}to{transform:none}}

  .site-nav__list{flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 6px}
  .site-nav__list a{display:flex;align-items:center;justify-content:space-between;padding:17px 14px;margin:2px 0;font-size:17px;font-weight:600;color:#0b1a25;border-radius:14px;border-bottom:0}
  .site-nav__list a::after{position:static;width:8px;height:8px;border:solid #b8bec8;border-width:2px 2px 0 0;background:none;border-radius:0;transform:rotate(45deg);transition:border-color .2s,transform .2s;flex:0 0 8px}
  .site-nav__list a:hover::after{transform:rotate(45deg);}
  .site-nav__list a:hover{background:#f6f7f9}
  .site-nav__list a.is-active{background:#fff3e6;color:#e56a00}
  .site-nav__list a.is-active::after{border-color:#ff7c0a;transform:rotate(45deg)}

  .site-nav__foot{display:block;padding:14px 20px calc(26px + env(safe-area-inset-bottom));border-top:1px solid #eef0f3;background:#fafbfc}
  .btn-demo--mobile{display:flex;width:100%;padding:16px;font-size:16px;border-radius:14px}
  .site-nav__contact{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:14px}
  .site-nav__contact a{font-size:13.5px;font-weight:500;color:#5b6472;text-decoration:none}
  .site-nav__contact a:hover{color:#ff7c0a}
}
html.nav-open,html.nav-open body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.site-nav,.site-header__toggle .bars i{animation:none!important;transition:none!important}}