/* Nutkara reference-matched desktop and mobile header */
.utility-bar,.site-header,.utility-bar *,.site-header *{font-family:var(--site-font)}
.header-shell{width:min(1390px,calc(100% - 72px));margin-inline:auto}
.utility-bar{position:relative;z-index:310;background:#f3f8fa;border-top:3px solid #e5a21a;border-bottom:1px solid #d7e2e7;color:#052d4b}
.utility-inner{height:43px;display:flex;align-items:center;justify-content:space-between}
.utility-group{height:100%;display:flex;align-items:center}
.utility-group a{display:flex;align-items:center;gap:8px;color:#062d4b;font-size:12px;font-weight:650;white-space:nowrap;transition:color .2s}
.utility-group a:hover{color:#008d8b}
.utility-group i{display:block;width:1px;height:18px;margin:0 18px;background:#c8d5dc}
.utility-icon{display:grid;place-items:center;min-width:18px;color:#009694;font-size:14px;font-style:normal;font-weight:800}
.utility-right{margin-left:auto}
.site-header{position:sticky;top:0;z-index:300;display:block;height:auto;padding:0;background:rgba(255,255,255,.98);border-bottom:1px solid #e4ebef;box-shadow:0 10px 30px rgba(4,39,65,.06);backdrop-filter:blur(14px)}
.header-main{height:100px;display:flex;align-items:center;gap:28px}
.brand{width:250px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto}
.brand img{display:block;width:225px;height:58px;object-fit:contain;object-position:left center}
.brand small,.drawer-brand small{margin:0 0 0 58px;color:#526d81;font-size:7px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.main-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:31px;margin-left:auto}
.main-nav>a,.nav-dropdown-toggle{position:relative;height:100px;display:flex;align-items:center;padding:0;border:0;background:transparent;color:#0c3452;font-size:16px;font-weight:650;letter-spacing:-.015em;white-space:nowrap;cursor:pointer}
.main-nav>a:after,.nav-dropdown-toggle:after{content:"";position:absolute;right:50%;bottom:0;left:50%;height:3px;background:#e3a01b;transition:left .22s,right .22s}
.main-nav>a:hover,.main-nav>a.active,.nav-dropdown-toggle:hover,.nav-dropdown-toggle.active{color:#008d88}
.main-nav>a:hover:after,.main-nav>a.active:after,.nav-dropdown-toggle:hover:after,.nav-dropdown-toggle.active:after{right:0;left:0}
.nav-dropdown{position:relative;height:100%;display:flex;align-items:center;text-align:left}
.chevron{margin-left:6px;color:#008f8d;font-size:13px;transition:transform .2s}
.nav-dropdown:not(.is-open) .chevron{transform:rotate(180deg)}
.nav-dropdown:hover:not(.is-open) .chevron{transform:none}
.nav-dropdown-menu{position:absolute;top:calc(100% - 1px);left:50%;width:340px;min-width:340px;padding:10px;display:none;transform:translateX(-50%);background:#fff;border:1px solid #dae4e8;border-top:3px solid #e5a21a;border-radius:0 0 12px 12px;box-shadow:0 22px 42px rgba(4,37,62,.17)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{min-height:52px;display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;white-space:normal;transition:background .2s}
.nav-dropdown-menu a:hover{background:#f1f8f7}
.nav-dropdown-menu a:after{display:none}
.nav-dropdown-menu a+a{margin-top:3px}
.nav-dropdown-menu a>span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.nav-dropdown-menu b{color:#153b58;font-size:14px}
.nav-dropdown-menu small{color:#718797;font-size:11px;font-weight:500}
.nav-dropdown-menu em{color:#9bb0bc;font-size:21px;font-style:normal}
.menu-product-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e6f5f3;color:#009894;font-size:19px}
.header-actions{display:flex;align-items:center;margin-left:6px}
.header-cta{width:214px;height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 10px 0 25px;border-radius:10px;background:linear-gradient(100deg,#063456 0%,#063456 67%,#e5a017 67%,#e5a017 100%);color:#fff;font-size:13px;font-weight:800;box-shadow:0 13px 25px rgba(6,49,82,.17);transition:transform .2s,box-shadow .2s}
.header-cta b{width:36px;display:grid;place-items:center;color:#07304f;font-size:22px}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(6,49,82,.23)}
.cta-short,.menu-toggle,.mobile-drawer-head,.menu-backdrop,.main-nav>a.mobile-nav-cta{display:none}
.brand:focus-visible,.utility-group a:focus-visible,.main-nav a:focus-visible,.nav-dropdown-toggle:focus-visible,.header-cta:focus-visible,.menu-toggle:focus-visible,.drawer-close:focus-visible{outline:3px solid rgba(229,162,26,.48);outline-offset:3px}

@media(max-width:1250px) and (min-width:1101px){.header-shell{width:calc(100% - 40px)}.brand{width:205px}.brand img{width:190px}.brand small{margin-left:47px}.main-nav{gap:17px}.main-nav>a,.nav-dropdown-toggle{font-size:14px}.header-cta{width:178px;padding-left:18px}.utility-group i{margin-inline:12px}}

@media(max-width:1100px){
  body.menu-open{overflow:hidden}
  .header-shell{width:calc(100% - 28px)}
  .utility-inner{height:42px}
  .utility-group a{font-size:12px}
  .utility-group i{height:17px;margin-inline:15px}
  .utility-desktop,.utility-right{display:none!important}
  .site-header{position:relative;z-index:auto;height:76px;backdrop-filter:none}
  .header-main{height:76px;gap:9px}
  .brand{width:auto;margin-right:auto}
  .brand img{width:176px;height:44px}
  .brand small{margin-left:44px;font-size:5px;letter-spacing:.13em}
  .header-actions{display:flex;margin:0}
  .header-cta{width:auto;min-width:60px;height:42px;padding:0 15px;border-radius:8px;background:#063456;box-shadow:none;font-size:11px}
  .header-cta b,.cta-full{display:none}
  .cta-short{display:inline}
  .menu-toggle{position:relative;z-index:420;width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:9px;border:1px solid #cad8df;border-radius:8px;background:#fff}
  .menu-toggle span{width:21px;height:2px;display:block;margin:3px 0;border-radius:2px;background:#073352;transition:transform .23s,opacity .18s}
  .menu-toggle.is-active{visibility:hidden}
  .main-nav{position:fixed;z-index:430;inset:0 auto 0 0;width:min(380px,calc(100vw - 14px));height:100vh;height:100dvh;display:flex;visibility:hidden;opacity:0;pointer-events:none;overflow-y:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin:0;padding:0 16px 28px;background:#fff;border-right:1px solid #d5dfe4;box-shadow:18px 0 40px rgba(2,27,47,.2);transform:translateX(-102%);transition:transform .25s ease,opacity .2s,visibility .25s}
  .main-nav.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0)}
  .mobile-drawer-head{height:72px;display:flex;align-items:center;justify-content:space-between;margin:0 -16px 7px;padding:0 16px;border-bottom:1px solid #dce4e8}
  .drawer-brand{display:flex;flex-direction:column;align-items:flex-start}
  .drawer-brand img{width:154px;height:39px;object-fit:contain;object-position:left center}
  .drawer-brand small{margin-left:38px;font-size:5px;letter-spacing:.12em}
  .drawer-close{width:34px;height:34px;border:0;background:transparent;color:#5d7483;font-size:20px;cursor:pointer}
  .main-nav>a,.nav-dropdown-toggle{width:100%;height:49px;min-height:49px;justify-content:flex-start;padding:0;border-bottom:1px solid #e6ecef;color:#153d59;font-size:16px;font-weight:650;text-align:left}
  .main-nav>a:after,.nav-dropdown-toggle:after{display:none}
  .main-nav>a.active,.nav-dropdown-toggle.active{color:#008e89}
  .nav-dropdown{width:100%;height:auto;display:block}
  .nav-dropdown-toggle{pointer-events:none}
  .nav-dropdown-toggle .chevron{display:none}
  .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{position:static;width:auto;min-width:0;display:block;transform:none;padding:4px 0 7px 3px;background:#fff;border:0;border-bottom:1px solid #e6ecef;border-radius:0;box-shadow:none}
  .nav-dropdown-menu a{min-height:44px;display:grid;grid-template-columns:28px 1fr;padding:2px 7px;border-radius:6px}
  .nav-dropdown-menu a:hover{background:#f2f8f7}
  .nav-dropdown-menu a+a{margin-top:0}
  .menu-product-icon{width:28px;height:28px;background:transparent;font-size:17px}
  .nav-dropdown-menu b{font-size:14px;font-weight:600;color:#557082}
  .nav-dropdown-menu small,.nav-dropdown-menu em{display:none}
  .mobile-nav-cta{height:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:15px;padding:0 14px!important;border:0!important;border-radius:7px;background:linear-gradient(100deg,#063456,#008e88);color:#fff!important;font-size:11px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important}
  .mobile-nav-cta span{font-size:18px}
  .menu-backdrop{position:fixed;z-index:410;inset:0;display:block;visibility:hidden;opacity:0;border:0;background:rgba(3,28,47,.62);transition:opacity .2s,visibility .2s}
  .menu-backdrop.is-visible{visibility:visible;opacity:1}
}

@media(max-width:480px){.header-shell{width:calc(100% - 24px)}.utility-inner{height:40px}.utility-group{width:100%;justify-content:space-between}.utility-group i{margin-inline:10px}.utility-group a{font-size:11px}.utility-icon{min-width:15px;font-size:13px}.site-header,.header-main{height:74px}.brand img{width:162px;height:42px}.brand small{margin-left:41px}.header-cta{height:40px;padding-inline:13px}.menu-toggle{width:40px;height:40px}}
@media(max-width:370px){.brand img{width:145px}.brand small{display:none}.header-cta{min-width:54px;padding-inline:11px}.utility-group a{font-size:9px}.utility-group i{margin-inline:6px}}
