/* Official Encap Data Solutions identity. Logo is used unchanged. */
.header{position:relative}
.brand{color:var(--brand-blue);font-size:24px;letter-spacing:-.9px;gap:12px;white-space:nowrap}
.brand-logo{display:block;object-fit:contain;width:72px;height:76px;flex-shrink:0}
.brand-sub{font-size:8px;letter-spacing:2px;color:var(--brand-slate)}
.brand:hover{color:var(--brand-blue)}
.button{background:var(--brand-blue);border-color:var(--brand-blue)}
.button:hover{background:#195b82;border-color:#195b82}
.button.light{color:var(--brand-blue)}
.button.light:hover{background:#e4f0f8;border-color:#e4f0f8}
.button.outline:hover{color:var(--brand-blue);background:#e4f0f8}
.status-dot{background:var(--brand-coral)}
.certificate-logo{display:block;object-fit:contain;width:110px;height:114px;margin:0 auto 22px}
.cert{border-color:var(--brand-slate)}
.cert .eyebrow{color:var(--brand-blue)}
input[type=radio],input[type=checkbox]{accent-color:var(--brand-blue)}
@media(max-width:1100px){
  .menu-toggle{display:block;border:0;background:none;padding:10px;color:var(--brand-blue)}
  .nav>nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:25px;z-index:20;align-items:stretch;font-size:14px}
  .nav>nav.open{display:flex;flex-direction:column}
  .login-link{margin:0}
}
@media(max-width:600px){
  .brand{font-size:20px;letter-spacing:-.7px;gap:8px}
  .brand-logo{width:49px;height:54px}
  .brand-sub{font-size:6.5px;letter-spacing:1.4px}
  .nav{gap:8px}
  .menu-toggle{padding:8px}
}
@media(max-width:360px){.brand{font-size:17px}.brand-logo{width:42px;height:48px}.brand-sub{font-size:6px}}
